這次帶給大家jQuery Mobile初始化事件使用(案例詳解),jQuery Mobile初始化事件使用的注意事項有哪些,下面就是實戰案例,一起來看一下。
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>
#相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
#jQuery Mobile與Kendo UI使用時有哪些差異
以上是jQuery Mobile初始化事件使用(案例詳解)的詳細內容。更多資訊請關注PHP中文網其他相關文章!