淺析jQuery Mobile的初始化事件
jQuery Mobile 包括一個(gè)初始化事件,該事件甚至?xí)扔?jQuery 的 document.ready 事件進(jìn)行加載。jQuery Mobile 實(shí)際上在文檔對(duì)象本身上觸發(fā)其初始化事件,第一個(gè)觸發(fā)的事件是mobileinit。
當(dāng)Jquery Mobile開始執(zhí)行時(shí),他就會(huì)在document對(duì)象上觸發(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 事件,您首先需要將它與一個(gè)自定義函數(shù)進(jìn)行綁定??墒褂?bind 方法擴(kuò)展 mobileinit 事件,來覆蓋默認(rèn)配置(全局選項(xiàng))。
$(document).bind("mobileinit", function(){ //覆蓋的代碼 });
在綁定事件的函數(shù)內(nèi)部,你可以使用$.mobile對(duì)象的$.extend方法來配置默認(rèn)參數(shù)值:
$(document).bind("mobileinit", function(){ $.extend( $.mobile , { foo: bar }); });
或者單獨(dú)設(shè)置它。
$(document).bind("mobileinit", function(){ $.mobile.foo = bar; });
$.mobile 對(duì)象是設(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)點(diǎn)擊TreeView文本父節(jié)點(diǎn)展開/折疊子節(jié)點(diǎn)
今天客戶提出要點(diǎn)擊菜單(TreeView實(shí)現(xiàn)的)的父級(jí)節(jié)點(diǎn)時(shí),展開節(jié)點(diǎn),很多新手朋友可能對(duì)此會(huì)很陌生,接下來介紹解決方法,感興趣的朋友可以了解下2013-01-01使用Jquery Aajx訪問WCF服務(wù)(GET、POST、PUT、DELETE)
使用Jquery Aajx訪問WCF服務(wù)(GET、POST、PUT、DELETE),需要的朋友可以參考下2012-03-03基于Jquery和html5實(shí)現(xiàn)炫酷的3D焦點(diǎn)圖動(dòng)畫
這篇文章主要介紹了基于Jquery和html5實(shí)現(xiàn)炫酷的3D焦點(diǎn)圖動(dòng)畫的相關(guān)資料,焦點(diǎn)圖中的圖片利用了CSS3的相關(guān)特性實(shí)現(xiàn)圖片傾斜效果,從而讓圖片出現(xiàn)3D的視覺效果,感興趣的小伙伴們可以參考一下2016-03-0330個(gè)最佳jQuery Lightbox效果插件分享
Lightbox 應(yīng)該是最流行的圖片瀏覽效果了,常具有功能包括:自動(dòng)根據(jù)窗口的大小縮放圖片,模式窗口,幻燈片方式播放,內(nèi)容預(yù)加載,漸變等效果。2011-04-04jQuery利用cookie 實(shí)現(xiàn)本地收藏功能(不重復(fù)無需多次命名)
cookie 是存儲(chǔ)于訪問者計(jì)算機(jī)中的變量。這篇文章主要介紹了jQuery利用cookie 實(shí)現(xiàn)本地收藏功能不重復(fù)無需多次命名,需要的朋友可以參考下2019-11-11JQuery.ajax傳遞中文參數(shù)的解決方法 推薦
許多人在使用JQuery.ajax方法時(shí)肯定會(huì)遇到一個(gè)問題。在編碼不是UTF-8的時(shí)候,當(dāng)傳遞的參數(shù)里有中文的時(shí)候,服務(wù)端Request的時(shí)候都會(huì)出現(xiàn)亂碼。2011-03-03jQuery 同時(shí)獲取多個(gè)標(biāo)簽的指定內(nèi)容并儲(chǔ)存為數(shù)組
這篇文章主要介紹了jQuery 同時(shí)獲取多個(gè)標(biāo)簽的指定內(nèi)容并儲(chǔ)存為數(shù)組的相關(guān)知識(shí),非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11jQuery.form.js插件不能解決連接超時(shí)(timeout)的原因分析及解決方法
jQuery.form.js是一個(gè)form插件,支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時(shí),當(dāng)碰上網(wǎng)速較慢時(shí),而我們又設(shè)置了timeout時(shí)我們的頁面會(huì)死在這里,怎么回事呢,下面腳本之家小編給大家解答下2016-10-10