<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以前用的是上面的写法;html
<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>