1、安装，引用本地文件或百度cdn：
<head> <!-- meta使用viewport以确保页面可自由缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 引入 jQuery Mobile 样式 --> <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"> <!-- 引入 jQuery 库 --> <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> <!-- 引入 jQuery Mobile 库 --> <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head>
2、基本结构
data-role = “page” id="pageXX" -------- data-role = ‘header’
data-role = ‘main’ class="ui-content"
data-role = ‘footer’
3、对话框 ：
data-dialog = 'true'
4、过渡：
页面过渡效果/页面切换效果： data-transition
1 <a href="#pageOne" data-transition="flip">切换到下一页</a>
data-transition = "fade (默认) | flip | flow | pop | slide | slidefade | slideup | slidedown | turn | none"
所有效果都支持后退行为。默认从右向左滑动，如果想从左向右滑动，加属性：
data-direction = “reverse”
5、按钮：
<button></button> <input type="button"> <a data-role="button">