jQuery Mobile开发1-UI components - Joanna Qian

一、jQuery Mobile现在支持的UI components

二、List views

基础List views

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Intro to jQuery Mobile</title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile
/1.0a2/jquery.mobile-1.0a2.min.css" />
        <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.0a2
/jquery.mobile-1.0a2.min.js"></script>
    </head>
    <body>

        <div data-role="page">
            <div data-role="header">
               <h1>Facebook Friends</h1>
            </div><!-- /header -->

            <div data-role="content">
               <p>
               <ul data-role="listview" data-inset="true">   <!-- list views -->
                  <li><a href="index.html">Get Friends</a></li>
                  <li><a href="index.html">Post to Wall</a></li>
                  <li><a href="index.html">Send Message</a></li>
               </ul>
               </p>
            </div><!-- /content -->

            <div data-role="footer">
            </div><!-- /footer -->
        </div><!-- /page -->
    </body>
</html>

posted on 2012-08-26 10:46 Joanna Qian 阅读(716) 评论(0) 收藏举报

刷新页面返回顶部