jQuery Mobile 页面

一，

• data-role="page" 是显示在浏览器中的页面
• data-role="header" 创建页面上方的工具栏（常用于标题和搜索按钮）
• data-role="content" 定义页面的内容，比如文本、图像、表单和按钮，等等
• data-role="footer" 创建页面底部的工具栏

二，在 jQuery Mobile 中添加页面，在 jQueryMobile，您可以在单一 HTML 文件中创建多个页面。请通过唯一的 id 来分隔每张页面，并使用 href 属性来连接彼此：

<div data-role="page" id="pageone">
  <div data-role="content">
    <a href="#pagetwo">转到页面二</a>
  </div>
</div>

<div data-role="page" id="pagetwo">
  <div data-role="content">
    <a href="#pageone">转到页面一</a>
  </div>
</div>

外部跳转

<a href="externalfile.html">转到外部页面</a>