预览模式: 普通 | 列表

JQUERY MOBILE 1.0 BETA 3 中文基础——事件

事件

JQM开创性的提供了丰富的事件处理机制,并且耗费了很大的精力将不同设备的事件进行了整合,使开发者不必再为了解决不同设备之间的事件处理差异而耗费时间和精力。

这些事件会根据当前设备的特性来分别使用Touch、mouse或者window事件来匹配当前的设备可用的事件,所有不管是移动设备还是桌面设备的操作都将是可靠的。并且这些事件同样可以使用jQuery中的live()和bind()方法。

注意:使用pageCreate()代替$(document).ready()

在学习jQuery时我们学到了用$(document).ready()来使你的脚本在DOM元素加载完成后才开始执行,但是在JQM中每一页的内容都是通过Ajax来加载的,这样在进行页面转换的时候是无法再次触发$(document).ready()方法的,因此我们需要绑定pageCreate事件来处理页面转换时需要执行的脚本。

Touch(触控)事件

查看更多...

分类:前端技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7393
配置项

在这个版本中JQM的默认配置项更加的完善了,作为里程碑的版本,配置项中的属性使项目开发更加的灵活可控。

ns:(字符) 默认:””

查看更多...

Tags: jQuery Mobile 1.0 BETA 3 中文基础 配置项

分类:前端技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5055

JQUERY MOBILE 1.0 BETA 3 中文基础——概述

这个版本应该是JQM1.0的API基本趋于稳定的一个版本,这个版本无论是在稳定性还是完善度来说将是JQM的里程碑。

版本特性:

1、pushState:简洁的Ajax地址导航

在HTML5中制定了一个这样的API,可以通过pushState方法的方式来修改URL,而又不会使浏览器刷新(详细请参考History API)。在beta3的版本中JQM已经加入了对history.pushState的支持,使得JQM在支持pushState的浏览器中地址栏内的URL显示相对简洁。JQM在支持HTML5浏览器中将会用history.replaceState()方法来对地址栏中的URL进行重写,使Ajax页面跳转时的地址显示页面的真正路径地址。

pushState是作为JQM的扩展功能使用,因此我们可以使用一个全局属性来设置这个功能的开关。例如:$ mobile.pushStateEnabled = FALSE;

查看更多...

分类:前端技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4677