<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"> //引入jquery.mobile的样式
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> //引入jquery.mobile的库
</head>
1、使用 jQuery Mobile, 你可以在单个 HTML 文件中创建多个不同的页面。可以使用不同的href属性来区分使用同一个唯一id的页面
2、页面作为对话框使用。对话框是用于显示页面信息显示或者表单信息的输入。在链接中添加data-rel="dialog"让用户点击链接时弹出对话框
3、jQuery Mobile 页面切换效果
<a href="#anylink" data-transition="slide">切换到第二个页面</a>
提示：上面的所有效果支持后退行为。例如，如果您想要页面从左向右滑动，而不是从右向左滑动，请使用带有 "reverse" 值的 data-direction 属性。在后退按钮上这是默认的。
实例：<a href="http://t.zoukankan.com/yrrong-p-7601657.html#pagetwo" data-transition="slide" data-direction="reverse">切换</a>
4、在 jQuery Mobile 中创建按钮
- 使用 <button> 元素
- 使用 <input> 元素
- 使用带有 data-role="button" 的 <a> 元素