(二)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> 属性可选值:
| ||||
作者:少帅
出处:少帅的博客--http://www.cnblogs.com/wang3680
您的支持是对博主最大的鼓励,感谢您的认真阅读。
本文版权归作者所有,欢迎转载,但请保留该声明。
![](https://images.cnblogs.com/cnblogs_com/wang3680/1880988/o_201113031241%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20201113111211.jpg)
![](https://images.cnblogs.com/cnblogs_com/wang3680/1881010/o_201113034037%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20201113113928.png)