为什么要学Jquery Mobile

一、 为什么要学Jquery Mobile 

 

JqueryMobile 是jquery的移动版本，懂基本的jquery知识,会简单的html+css就可以完成很多复杂的功

能,还有就是这个框架在企业中用的也是比较多的 

 

三、Jquery Mobile页面的基本组成 

1.<meta name="viewport" content="width=device-width" /> 

通常情况移动设备以900px的宽度显示页面,加上这句话,可以使页面的宽度与移动设备的屏幕宽度相同 

 

2.页面基本组成 

<div   data-role="page"> 

  <div   data-role="header">头部</div> 

  <div   data-role="content">被容</div> 

  <div   data-role="footer">底部</div> 

</div> 

<section id="page1" data-role="page"> 

<header data-role="header"><h1>标题</h1></header> 

 

 

 

五、对话框 

通过设置data-rel="dialog"，来打开一个对话框。 

<a href="foo.html" data-rel="dialog">Open dialog</a> 

 

4.对话框过渡效果 

<a href="foo.html" data-rel="dialog" data-transition="pop">Open dialog</a> 

属性可选值：pop（默认）, fade，flip，turn，flow，slidefade，slide，slideup，slidedown，none