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 默认提供按钮