jQuery Mobile初始化事件使用（案例詳解）

這次帶給大家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中文網其它相關文章！

推薦閱讀：

Mobile框架中如何使用表單元件

#jQuery Mobile與Kendo UI使用時有哪些差異

Jquery實作跨域非同步上傳檔案步驟詳解

以上是jQuery Mobile初始化事件使用（案例詳解）的詳細內容。更多資訊請關注PHP中文網其他相關文章！