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来实现页面跳转的。
3.对话框: data-role = "dialog"
4.按钮:
实现方式a,<a href="#" data-role="button" data-line="true" data-theme="b">按钮</a>
实现方式b,jquery mobile 默认提供按钮