淺析jQuery Mobile的初始化事件
jQuery Mobile 包括一個初始化事件,該事件甚至?xí)扔?jQuery 的 document.ready 事件進(jìn)行加載。jQuery Mobile 實(shí)際上在文檔對象本身上觸發(fā)其初始化事件,第一個觸發(fā)的事件是mobileinit。
當(dāng)Jquery Mobile開始執(zhí)行時,他就會在document對象上觸發(fā)mobileinit 事件,因?yàn)閙obileinit事件是在加載后馬上觸發(fā),所以你需要在Jquery Mobile加載之前綁定你的事件處理函數(shù),所以我建議你如下安排你的js引用順序
<script src="Jquery.js"></script> <script src="您自己的js文件"></script> <script src="Jquery-mobile.js"></script>
要擴(kuò)展 mobileinit 事件,您首先需要將它與一個自定義函數(shù)進(jìn)行綁定??墒褂?bind 方法擴(kuò)展 mobileinit 事件,來覆蓋默認(rèn)配置(全局選項(xiàng))。
$(document).bind("mobileinit", function(){
//覆蓋的代碼
});
在綁定事件的函數(shù)內(nèi)部,你可以使用$.mobile對象的$.extend方法來配置默認(rèn)參數(shù)值:
$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
foo: bar
});
});
或者單獨(dú)設(shè)置它。
$(document).bind("mobileinit", function(){
$.mobile.foo = bar;
});
$.mobile 對象是設(shè)置所有屬性的起始點(diǎn)
<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>
相關(guān)文章
jquery實(shí)現(xiàn)表單驗(yàn)證簡單實(shí)例演示
這篇文章向大家推薦了一個jquery實(shí)現(xiàn)表單驗(yàn)證簡單實(shí)例演示,需要的朋友可以參考下2015-11-11
Jquery通過ajax請求NodeJS返回json數(shù)據(jù)實(shí)例
本篇文章主要是介紹Jquery通過ajax請求NodeJS返回json數(shù)據(jù),具有一定的參考價值,有需要的可以了解一下。2016-11-11
EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼
今天做項(xiàng)目的時候,想在easyui的datagrid每一列數(shù)據(jù)后邊都加上一個操作按鈕,怎么實(shí)現(xiàn)此功能呢?下面小編給大家?guī)砹薊asyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼,需要的朋友參考下吧2017-08-08
使用jquery mobile做幻燈播放效果實(shí)現(xiàn)步驟
使用jquery mobile,可以很容易實(shí)現(xiàn)幻燈播放效果,擺脫繁雜的步驟輕松實(shí)現(xiàn),接下來介紹,有需要的朋友可以參考下2013-01-01
jquery構(gòu)造器的實(shí)現(xiàn)代碼小結(jié)
jQuery的$符號非常神奇,它可以接受一個字符,也可以接受一個文檔對象或window對象,亦可以傳個函數(shù)進(jìn)行變?yōu)閐omReady加載器2011-05-05

