jquerymobile使用心得

jquerymobile使用心得
jquerymobile使用心得

一、如何使用jquery_mobile

1.添加jquery_mobile脚本

添加:

注意:在HTML5 中脚本的“type="text/javascript"”属性不是必需的。JavaScript 是HTML5 以及所有现代浏览器中的默认脚本语言!

二、jQuery Mobile 页面

2.以div为单位

data-role="page" 是显示在浏览器中的页面

data-role="header" 创建页面上方的工具栏(常用于标题和搜索按钮)

data-role="content" 定义页面的内容,比如文本、图像、表单和按钮,等等

data-role="footer" 创建页面底部的工具栏

提示:1.在这些容器中,可以添加任意HTML 元素。

HTML5中的data-* 属性用于通过jQuery Mobile 为移动设备创建“对触控友好的”交互外观。

3.以对话框形式打开一个页面

转到页面二

三、jQuery Mobile 过渡效果

注意:如需实现过渡效果,浏览器必须支持CSS3 3D 转换

过渡效果可应用于任意链接或通过使用data-transition 属性进行的表单提交:

提示:在jQuery Mobile 中,淡入淡出效果在所有链接上都是默认的(如果浏览器支持)。提示:以上所有效果同时支持反向动作,例如,如果您希望页面从左向右滑动,而不是从右向左,请使用值为"reverse" 的data-direction 属性。在后退按钮上是默认的。

四、jQuery Mobile 按钮

jQuery Mobile 中的按钮可通过三种方法创建:

?使用

相关文档
最新文档