jQuery Mobile开发1-UI components

最新推荐文章于 2021-06-18 08:07:19 发布

weixin_34395205

最新推荐文章于 2021-06-18 08:07:19 发布

阅读量148

点赞数 1

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/JoannaQ/archive/2012/08/26/2657212.html

版权

一、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>