jQuery移動web開發(fā)中的頁面初始化與加載事件
頁面初始化事件(pagebeforecreate、pagecreate)
Jquery Mobile會自動基于page"內(nèi)的增強(qiáng)的約定自動初始化一些插件。例如:給一個input輸入框約定了type=range屬性會自動生成一個自定義滑動條。這些自動初始化的行為是受"page"插件控制的,它在執(zhí)行前后部署部署事件,允許你在初始化前后操作頁面,或者甚至自己提供初始化行為,禁止自動初始化。注以下的頁面初始化事件在每個“page”只被觸發(fā)一次,與每次頁面在顯示或者隱藏的show/hide事件剛剛相反。
pagebeforecreate:頁面初始化時(shí),初始化之前觸。
pagecreate:頁面初始化時(shí),初始化之后觸。
$('#aboutPage').live('pagebeforecreate',function(event){
alert('This page was just inserted into the dom!');
});
$('#aboutPage').live('pagecreate',function(event){
alert('This page was just enhanced by Jquery Mobile!');
});
頁面加載事件(pagebeforeload、pageload)
當(dāng)外部的頁面加載到dom中時(shí),有兩個事件被觸發(fā)。第一個是 pagebeforeload,第二個是pageload ,或者pageloadfailed。
pagebeforeload
在加載請求發(fā)出之前觸發(fā),綁定到這個事件的回調(diào)函數(shù)可以可以對 該事件調(diào)用preventDefault(),來表明由他們來處理加載的請求。 這樣的做的話回調(diào)函數(shù)必須對通過數(shù)據(jù)對象傳到回調(diào)函數(shù)的對象調(diào)用resolve()或者reject()。通過第二個參數(shù)傳到回調(diào)函數(shù)的對象包含如下的屬性:
- url (字符串):通過回調(diào)傳到$.mobile.loadPage()的絕對或者相對地址
- absUrl (字符串):url的絕對地址版本。
- dataUrl (字符串):絕對地址的當(dāng)識別頁面或者更新瀏覽器地址的時(shí)候使用的絕對地址經(jīng)過過濾的版本
- deferred (對象):針對此事件調(diào)用preventDefault()的回調(diào)函數(shù)必須針對此事件調(diào)用
- resolve()或者reject()方法,使得changePage()的請求恢復(fù)。
例如:
$( document ).bind( "pagebeforeload", function( event, data ){
//讓jqm框架知道由我們來處理load事件.
event.preventDefault();
//...加載文檔然后插入到DOM中
//在這個回調(diào)中,或者通過其他的異步加載手段中,
//調(diào)用resolve,轉(zhuǎn)入到下面的參數(shù)中,加上一個
//包含有頁面dom元素的jquery選擇器。
data.deferred.resolve( data.absUrl, data.options, page );
});
pageload
在頁面已成功加載并插入到DOM后觸發(fā)。綁定到這個事件的回調(diào)函數(shù)會被作為一個數(shù)據(jù)對象作為第二個參數(shù)。這個對象包含如下的信息:
- url(字符串):網(wǎng)址址。
- absUrl(字符串):url的絕對地址版本。
相關(guān)文章
jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能,代碼簡單易懂,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2017-09-09
純jquery實(shí)現(xiàn)模仿淘寶購物車結(jié)算
在淘寶購物,需要把商品加入購車,其中包含全選、單選金額改變,當(dāng)增加商品時(shí)金額也會相應(yīng)的發(fā)生變化,下面通過本文給大家分享純jquery實(shí)現(xiàn)模仿淘寶購物車結(jié)算,需要的朋友可以參考下2015-08-08
跟著JQuery API學(xué)Jquery 之二 屬性
在選擇器的API學(xué)習(xí)中,走馬觀花的把選擇器過了一遍,但是選擇歸選擇,選擇出來了沒干什么事,也沒有什么用嘛2010-04-04
移動端jQuery修正Web頁面滑動時(shí)div問題的兩則實(shí)例
這篇文章主要介紹了移動端jQuery修正Web頁面滑動時(shí)div問題的兩則實(shí)例,分別針對頂部固定fixed不為0時(shí)滑動出現(xiàn)的閃動以及touchmove的受阻止的相關(guān)問題,需要的朋友可以參考下2016-05-05
setInterval,setTimeout與jquery混用的問題
當(dāng)遇到setInterval,setTimeout與jquery混用的問題 時(shí),直接按JavaScript中的語法寫并不起作用,有以下兩種解決方法2013-04-04
jQuery實(shí)現(xiàn)區(qū)域打印功能代碼詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)區(qū)域打印功能代碼詳解的相關(guān)資料,非常不錯具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
jquery實(shí)現(xiàn)圖片左右間隔滾動特效(可自動播放)
圖片左右間隔滾動Jquery特效,點(diǎn)擊滾動,不點(diǎn)擊自動滾動,具體處理程序如下,感興趣的朋友可以參考下哈,希望可以幫助到你2013-05-05
jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復(fù)多次同樣的事時(shí),就想找一種省時(shí)省力的方法,下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)2014-03-03

