标签：应用程序 平板电脑 移动端开发 mobile jquery
接触移动端开发很长时间了，今天做下笔记，几下所学到的，今天的笔记是关于jquery modile滴。
首先，大家要知道:
jQuery Mobile 是创建移动 web 应用程序的框架。
jQuery Mobile 适用于所有流行的智能手机和平板电脑。
jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。
代码：
<link rel="stylesheet" href="jquery.mobile-1.4.5.css" />
<script src="jquery-1.10.2.min.js"></script>
<script src="jquery.mobile-1.4.5.js"></script>
这要引入的三个文件。
由于jq mobile 是依赖于jq的，要先引入jq文件，否则jquery-1.10.2.min.js会报错的，jquery.mobile-1.4.5.css也是要引入的，控制样式。
data-role="page",定义了一个页面容器，用于构建多页面设计。
data-role="header",页眉或标题栏。
data-role="content",是内容主体的包装容器。
data-role="footer",页脚。
data-position=‘fixed‘，可以将页脚定位在屏幕底部，其实，如果页面高度没有屏幕高度高，会定位在页面底部。
data-transition="",设置页面转换效果，值为slide(滑动)，slideup(卷起)，slidedown(向下滑动)，pop(弹出)，fade(淡入淡出)，flip(翻转)，none(无)。
页面到页面的转换过程，其实，步骤是这样的：
1、用户轻巧按钮，导航到下一个页面。
2、框架使用一个Hijax请求载入下一个页面，然后添加到当前页面的DOM中，当前页面其实是和下一个页面并排放置的，因此准备发生一个平滑转换。
3、框架转换到另一个页面。
4、显示下一个页面，转换完成。
data-role="dialog",弹层。
本文出自 “时光” 博客，请务必保留此出处http://timeblog.blog.51cto.com/8650972/1586099
标签：应用程序 平板电脑 移动端开发 mobile jquery
原文地址：http://timeblog.blog.51cto.com/8650972/1586099
