jquery mobile中的pageinit事件随笔

最近工作需要,需要用到jquery mobile这个移动端开发框架,虽然说jquerymobile和jquery在用法上几乎没有区别,但是它比传统pc端的jquery多了许多针对移动浏览器触发的事件,比如触摸事件,滑动事件,定位事件,页面事件。这些事件的应用就不能简单的使用jquery的语法结构,而要配合jquerymobile的语法结构。下面来展开说一下两者初始化的区别。

 有jquery开发经验的都知道,在

标签之外引用jquery,要写$(function(){})结构,可能有些人并不知道其实这种用法是简化版的jquery初始化,要把这个结构写全应该是$(document).ready(function(){}),这个函数的意思是网页在加载dom完成后才开始执行jquery语句。但是在jquerymobile由于强调page的概念,所以说要在每一个新页面中同样实现在加载dom后执行jquery语句必须绑定pageinit事件,语法结构是

$(document).on("pageinit","#pageone",function(){}),其中"#pageone"为指定事件的页面id,希望初学jquerymobile的童鞋能把这个结构记牢,多去尝试用jquery mobile的新事件来实现你所想要实现的效果。

猜你喜欢

转载自blog.csdn.net/qq_34084139/article/details/77520557