jquery-mobile 页面的两种写法

最新推荐文章于 2017-04-25 11:31:50 发布

weixin_33958585

最新推荐文章于 2017-04-25 11:31:50 发布

阅读量99

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/936286/blog/267733

版权

2019独角兽企业重金招聘Python工程师标准>>>

  <body>
        <div data-role="page">
            <div data-role="header">
                <h1>页面学习</h1>
            </div>
            <div data-role="content" style="background: yellow;">
                <p> 我的页面学习 content</p>
            </div>
            <div data-role="footer">
                <h3>页脚</h3>
            </div>
        </div>
    </body>

在jQuery-mobile1.4时，有了下面的写法；1.4之前用的是上面的写法；

<body>
        <div data-role="page">
            <div data-role="header">
                <h1>页面学习</h1>
            </div>
             <div role="main" class="ui-content" style="background: red;">
                <p>  我的页面学习  role="main"</p>
            </div>
            <div data-role="footer">
                <h3>页脚</h3>
            </div>
        </div>
    </body>

转载于:https://my.oschina.net/u/936286/blog/267733