1.jQueryMobile页面组成
<meta name="viewport" content ="width= device-width"/>
<metacharset="utf-8">
通常情况移动设备以900px的宽度显示页面,加上这句话,可以使页面的宽度与移动设备的屏幕宽度相同
<div data-role="page">
<div data-role="header">顶部</div>
<div data-role="content">内容</div>
<div data-role="foote">底部</div>
</div>
2.页面跳转
a. 第一种方式 <a href="dialog/index.html" data-role="button" data-rel="back" data-theme="a">button</a>
data-rel="back"属性将忽视href属性
默认 data-ajax = "true", jquery mobile 是通过ajax来实现页面跳转的。