浅析jQuery Mobile的初始化事件
jQueryMobile包括一个初始化事件,该事件甚至会先于jQuery的document.ready事件进行加载。jQueryMobile实际上在文档对象本身上触发其初始化事件,第一个触发的事件是mobileinit。
当JqueryMobile开始执行时,他就会在document对象上触发mobileinit事件,因为mobileinit事件是在加载后马上触发,所以你需要在JqueryMobile加载之前绑定你的事件处理函数,所以我建议你如下安排你的js引用顺序
<scriptsrc="Jquery.js"></script> <scriptsrc="您自己的js文件"></script> <scriptsrc="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对象是设置所有属性的起始点
<scripttype="text/javascript"src="/scripts/jquery-1.6.min.js"></script> <scripttype="text/javascript"> $(document).bind("mobileinit",function(){ $.mobile.defaultTransition="slidedown"; $.mobile.ajaxLinksEnabled=false;//禁用Ajax提交 $.mobile.ajaxFormsEnabled=false;//禁用Ajax提交 $.mobile.ajaxEnabled=false;//禁用Ajax提交 }); </script> <scripttype="text/javascript"src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>