jQuery Mobile 是创建移动 web 应用程序的框架。适用于所有流行的智能手机和平板电脑。
- 移动端开发,首先应该加的代码:
意思是,固定页面尺寸和设备尺寸的缩放比例为1。
- jqueryMobile应用的结构:
欢迎访问我的主页
我是一名移动开发者!
页脚文本
- data-role="page" 是显示在浏览器中的页面
- data-role="header" 创建页面上方的工具栏(常用于标题和搜索按钮)
- data-role="content" 定义页面的内容,比如文本、图像、表单和按钮,等等
- data-role="footer" 创建页面底部的工具栏
- jqueryMobile可以在同一个文件中创建多个页面
如果不希望使用内部链接页面,可以使用外部文件:
转到外部页面
-
data-rel="dialog"
,用户点击(轻触)链接时创建一个对话框。
-
data-transition="slide"
,过渡效果,滑动。
滑动到页面二
jQuery Mobile 拥有一系列关于如何从一页过渡到下一页的效果。fade、flip、flow、pop、slide、slidefade、slideup、slidedown、turn、none
data-direction="reverse"
,反向操作,以上动作都支持。
滑动