一、 为什么要学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