jQuery Mobile 互动版

介绍

jQuery Mobile你可以使用任何标准的 jQuery 事件 。

Jquery Mobile 事件包括:触摸事件、虚拟鼠标事件、设备方向事件、滚屏事件、页面加载事件、页面显示/隐藏事件、页面初始化事件、动画事件等。这些事件会根据当前设备的特性来分别使用Touch、mouse或者window事件来匹配当前的设备可用的事件,所有不管是移动设备还是桌面设备的操作都将是可靠的。并且这些事件同样可以使用jQuery中的live()和bind()方法。

在学习jQuery时我们学到了用$(document).ready()来使你的jQuery代码脚本在DOM元素加载完成后才开始执行,而在jquery mobile中,使用pageCreate()事件来设置代码脚本在DOM元素加载完成后开始执行,所以要在页面加载并创建时执行脚本,就需要绑定pageCreate()事件。

<script>
$(document).on("pagecreate","#pageone",function(){
   // jQuery 事件...
});
</script>

其中第二个参数 ("#pageone")为指定事件的页面id。

注意: jQuery Mobile on() 方法用于绑定事件到选中的元素上。