国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

directory search
jQuery Mobile 基礎(chǔ)教程 jQuery Mobile 安裝 jQuery Mobile 頁(yè)面 jQuery Mobile 頁(yè)面切換 jQuery Mobile 按鈕 jQuery Mobile 按鈕圖標(biāo) jQuery Mobile 工具欄 jQuery Mobile 可折疊塊 jQuery Mobile 網(wǎng)格 jQuery Mobile 表單 jQuery Mobile 表單 jQuery Mobile 表單輸入元素 jQuery Mobile 表單選擇菜單 jQuery Mobile 表單滑動(dòng)條 jQuery Mobile 列表 jQuery Mobile 列表視圖 jQuery Mobile 列表內(nèi)容 jQuery Mobile 事件 jQuery Mobile 事件 jQuery Mobile 觸摸事件 jQuery Mobile 滾屏事件 jQuery Mobile 方向改變事件 jQuery Mobile 實(shí)例 jQuery Mobile Data 屬性 jQuery Mobile 圖標(biāo) jQuery Mobile 事件 jQuery Mobile orientationchange 事件 jQuery Mobile pagebeforecreate 事件 jQuery 事件 方法 jQuery bind() 方法 jQuery blur() 方法 jQuery change() 方法 jQuery click() 方法 jQuery dblclick() 事件 jQuery delegate() 方法 jQuery die() 方法 jQuery error() 方法 jQuery event.currentTarget 屬性 jQuery event.data 屬性 jQuery event.delegateTarget 屬性 jQuery event.isDefaultPrevented() 方法 jQuery event.isImmediatePropagationStopped() 方法 jQuery event.isPropagationStopped() 方法 jQuery event.namespace 屬性 jQuery event.pageX 屬性 jQuery event.pageY 屬性 jQuery event.preventDefault() 方法 jQuery event.relatedTarget 屬性 jQuery event.result 屬性 jQuery event.stopImmediatePropagation() 方法 jQuery event.stopPropagation() 方法 jQuery event.target 屬性 jQuery event.timeStamp 屬性 jQuery event.type 屬性 jQuery event.which 屬性 jQuery focus() 方法 jQuery focusin() 方法 jQuery focusout() 方法 jQuery hover() 方法 jQuery keydown() 方法 jQuery keypress() 方法 jQuery keyup() 方法 jQuery live() 方法 jQuery load() 方法 jQuery mousedown() 方法 jQuery mouseenter() 方法 jQuery mouseleave() 方法 jQuery mousemove() 方法 jQuery mouseout() 方法 jQuery mouseover() 方法 jQuery mouseup() 方法 jQuery off() 方法 jQuery on() 方法 jQuery one() 方法 jQuery $.proxy() 方法 jQuery ready() 方法 jQuery resize() 方法 jQuery scroll() 方法 jQuery select() 方法 jQuery submit() 方法 jQuery toggle() 方法 jQuery trigger() 方法 jQuery triggerHandler() 方法 jQuery unbind() 方法 jQuery undelegate() 方法 jQuery unload() 方法 jQuery Mobile pagebeforehide 事件 jQuery Mobile pagebeforeload 事件 jQuery Mobile pagebeforeshow 事件 jQuery Mobile pagecreate 事件 jQuery Mobile pagehide 事件 jQuery Mobile pageinit 事件 jQuery Mobile pageload 事件 jQuery Mobile pageloadfailed 事件 jQuery Mobile pageshow 事件 jQuery Mobile scrollstart 事件 jQuery Mobile scrollstop 事件 jQuery Mobile swipe 事件 jQuery Mobile swipeleft 事件 jQuery Mobile swiperight 事件 jQuery Mobile tap 事件 jQuery Mobile taphold 事件 jQuery Mobile 頁(yè)面事件 jQuery Mobile CSS 類 jQuery Mobile 主題 jQuery Mobile 主題 jQuery Mobile 圖標(biāo)
characters

jQuery Mobile 頁(yè)面事件

在 jQuery Mobile 中與頁(yè)面打交道的事件被分為四類：

  • Page Initialization - 在頁(yè)面創(chuàng)建前，當(dāng)頁(yè)面創(chuàng)建時(shí)，以及在頁(yè)面初始化之后
  • Page Load/Unload - 當(dāng)外部頁(yè)面加載時(shí)、卸載時(shí)或遭遇失敗時(shí)
  • Page Transition - 在頁(yè)面過(guò)渡之前和之后
  • Page Change - 當(dāng)頁(yè)面被更改，或遭遇失敗時(shí)

如需關(guān)于所有 jQuery Mobile 事件的完整信息，請(qǐng)?jiān)L問(wèn)我們的 jQuery Mobile 事件參考手冊(cè)。

jQuery Mobile Initialization 事件

當(dāng) jQuery Mobile 中的一張典型頁(yè)面進(jìn)行初始化時(shí)，它會(huì)經(jīng)歷三個(gè)階段：

  • 在頁(yè)面創(chuàng)建前
  • 頁(yè)面創(chuàng)建
  • 頁(yè)面初始化

每個(gè)階段觸發(fā)的事件都可用于插入或操作代碼。

事件 描述
pagebeforecreate 當(dāng)頁(yè)面即將初始化，并且在 jQuery Mobile 已開(kāi)始增強(qiáng)頁(yè)面之前，觸發(fā)該事件。
pagecreate 當(dāng)頁(yè)面已創(chuàng)建，但增強(qiáng)完成之前，觸發(fā)該事件。
pageinit 當(dāng)頁(yè)面已初始化，并且在 jQuery Mobile 已完成頁(yè)面增強(qiáng)之后，觸發(fā)該事件。

下面的例子演示在 jQuery Mobile 中創(chuàng)建頁(yè)面時(shí)，何時(shí)觸發(fā)每種事件：

實(shí)例

$(document).on("pagebeforecreate",function(event){
? alert("觸發(fā) pagebeforecreate事件！");
}); 
$(document).on("pagecreate",function(event){
? alert("觸發(fā) pagecreate 事件！");
});
$(document).on("pageinit",function(event){
? alert("觸發(fā) pageinit 事件！")
});
效果預(yù)覽 ?

jQuery Mobile Load 事件

頁(yè)面加載事件屬于外部頁(yè)面。

無(wú)論外部頁(yè)面何時(shí)載入 DOM，將觸發(fā)兩個(gè)事件。第一個(gè)是 pagebeforeload，第二個(gè)是 pageload （成功）或 pageloadfailed（失敗）。

下表中解釋了這些事件：

事件 描述
pagebeforeload 在任何頁(yè)面加載請(qǐng)求作出之前觸發(fā)。
pageload 在頁(yè)面已成功加載并插入 DOM 后觸發(fā)。
pageloadfailed 如果頁(yè)面加載請(qǐng)求失敗，則觸發(fā)該事件。默認(rèn)地，將顯示 "Error Loading Page" 消息。

下列演示 pageload 和 pagloadfailed 事件的工作原理：

實(shí)例

$(document).on("pageload",function(event,data){
? alert("觸發(fā) pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
? alert(";抱歉，被請(qǐng)求頁(yè)面不存在。");
});
效果預(yù)覽 ?

jQuery Mobile 過(guò)渡事件

我們還可以在從一頁(yè)過(guò)渡到下一頁(yè)時(shí)使用事件。

頁(yè)面過(guò)渡涉及兩個(gè)頁(yè)面：一張"來(lái)"的頁(yè)面和一張"去"的頁(yè)面 - 這些過(guò)渡使當(dāng)前活動(dòng)頁(yè)面（"來(lái)的"頁(yè)面）到新頁(yè)面（"去的"頁(yè)面的改變過(guò)程變得更加動(dòng)感。

事件 描述
pagebeforeshow 在"去的"頁(yè)面觸發(fā)，在過(guò)渡動(dòng)畫開(kāi)始前。
pageshow 在"去的"頁(yè)面觸發(fā)，在過(guò)渡動(dòng)畫完成后。
pagebeforehide 在"來(lái)的"頁(yè)面觸發(fā)，在過(guò)渡動(dòng)畫開(kāi)始前。
pagehide 在"來(lái)的"頁(yè)面觸發(fā)，在過(guò)渡動(dòng)畫完成后。

下列演示了過(guò)渡時(shí)間的工作原理：

實(shí)例

$(document).on("pagebeforeshow","#pagetwo",function(){ //當(dāng)進(jìn)入頁(yè)面二時(shí) 
? alert("頁(yè)面二即將顯示");
});
$(document).on("pageshow","#pagetwo",function(){ // 當(dāng)進(jìn)入頁(yè)面二時(shí)
? alert("現(xiàn)在顯示頁(yè)面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 當(dāng)進(jìn)入頁(yè)面二時(shí)
? alert("頁(yè)面二即將隱藏");
 });
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
? alert("現(xiàn)在隱藏頁(yè)面二");
});
效果預(yù)覽 ?
Previous article： Next article：