jquery mobile心得
1.文件需要
js文件夹、css文件夹
2.基本代码框架
head下
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.5.min.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
body下
<div data-role="page">
<div data-role="header" class="jqm-header">
</div><!-- /header -->
<div role="main" class="ui-content">
</div>
</div>
3.缩放比例
initial-scale:初始比例
minimum-scale:允许用户的最小比例，最小为0.25，最大为5
maximum-scale：最大比例，最小为0.25，最大为5
user-scalable:yes or no或者0 or 1都行，允许用户放大缩小
4.图片大小控制（顶部的图片，自适应容器，在pc端，左对齐即可）
<div data-role="header" class="jqm-header">
<img style="max-width:100%;" src="images/hengfu.jpg" >
</div>
5.跳转页面问题
在使用jQuery Mobile进行Web开发中，当页面跳转时（pageA => pageB），在pageB中引用的JS并未成功运行。因为，JQM并为将整个页面加载到当前的dom中，仅将data-role="page"元素加入当前的dom中。
因此，在<head>中引入的外部JS文件，以及<page>标签外的JS均不能正常运行，刷新页面后方可加载成功。
网上的解决方法，将页面内部JS写在data-role="page"标签下
但我要跳转到的页面是aspx页面，js是系统生成的，我的方案是，菜单使用js
<li><a href="javascript:location.href='reg.aspx'">用户注册</a></li>
