网站首页 网站建设 IT知识 IT知识教程 浅析jQuery Mobile的初始化事件

浅析jQuery Mobile的初始化事件

2021-05-18 21:12:35

jQuery Mobile 包括一个初始化事件,该事件甚至会先于 jQuery 的 document.ready 事件进行加载。jQuery Mobile 实际上在文档对象本身上触发其初始化事件,第一个触发的事件是mobileinit。

当Jquery Mobile开始执行时,他就会在document对象上触发mobileinit 事件,因为mobileinit事件是在加载后马上触发,所以你需要在Jquery Mobile加载之前绑定你的事件处理函数,所以我建议你如下安排你的js引用顺序

<script src="Jquery.js"></script><script src="您自己的js文件"></script><script src="Jquery-mobile.js"></script>

要扩展 mobileinit 事件,您首先需要将它与一个自定义函数进行绑定。可使用 bind 方法扩展 mobileinit 事件,来覆盖默认配置(全局选项)。

$(document).bind("mobileinit", function(){//覆盖的代码});

在绑定事件的函数内部,你可以使用$.mobile对象的$.extend方法来配置默认参数值:

$(document).bind("mobileinit", function(){ $.extend( $.mobile , { foo: bar });});

或者单独设置它。

$(document).bind("mobileinit", function(){ $.mobile.foo = bar;});

$.mobile 对象是设置所有属性的起始点

<script type="text/java script" src="/scripts/jquery-1.6.min.js"></script><script type="text/java script">$(document).bind("mobileinit", function(){$.mobile.defaultTransition = "slidedown";$.mobile.ajaxLinksEnabled = false; // 禁用Ajax提交$.mobile.ajaxFormsEnabled = false; // 禁用Ajax提交$.mobile.ajaxEnabled = false; //禁用Ajax提交});</script><script type="text/java script" src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。 如涉及版权问题,请提交至online#300.cn邮箱联系删除。

以上产品还未完全满足我的所有需求,在下方提交我的专属需求
我的专属需求:
*手机号:
*验证码:
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询

img

微信咨询

扫一扫添加
动力姐姐微信

img
img

TOP