(二)Jquery Mobile介绍以及Jquery Mobile页面与对话框
Jquery Mobile介绍以及Jquery Mobile页面与对话框 | ||||
一、 Adobe Dreamweaver CS6 环境最新版本的cs6会支持JM的使用,有自动提示功能,很强大。安装说明地址:http://www.phonegap100.com/article-79-1.html 下载地址说明:http://bbs.phonegap100.com/thread-135-1-1.html | ||||
二、JM说明默认data-ajax="true"jquery mobile 是默认通过ajax切换页面的 1、Jquery Mobile页面的基本组成<meta name="viewport" content="width=device-width" /> 通常情况移动设备以900px的宽度显示页面,加上这句话,可以使页面的宽度与移动设备的屏幕宽度相同 需要引用的文件有:
| ||||
2、JM主要标签说明
第一个实例:
| ||||
3、跳转 第一种:<a href="#page">返回主页</a> 将跳转到id=page的div上 第二种:与普通的html跳转相同,<a href="index2.htm">第 2 页</a> | ||||
4、对话框 通过设置data-rel="dialog",来打开一个对话框。 <a href="foo.html" data-rel="dialog">Open dialog</a> <a href="foo.html" data-rel="dialog" data-transition="pop">Open dialog</a> 属性可选值:
| ||||
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。