jQuery Mobile的頁面事件
用於處理jQuery Mobile的網頁事件分為四類：
- 頁面初始化 - 創建頁面之前，當頁面被創建
- 頁面加載/卸載 - 當外部頁面加載，卸載或遇到故障
- 網頁過渡 - 之前和頁面轉換後
- 改換 - 當頁面被更改或從，或遇到故障
對於所有的jQuery Mobile的事件的完整參考，請訪問我們的jQuery Mobile的事件參考 。
jQuery Mobile的初始化活動
當jQuery Mobile的一個典型頁面初始化，它經歷兩個階段：
- 創建頁面之前，
- 網頁製作
每個階段具有可以用來插入或操縱代碼jQuery Mobile的增強的頁面之前，或當一個事件。
| 事件 | 描述 |
|---|---|
| pagebeforecreate | 時觸發頁面即將被初始化，並且之前的jQuery移動已經開始增強頁 |
| pagecreate | 頁面被創建時觸發，但在此之前增強完成 |
下面的例子演示時，當jQuery Mobile的創建了一個頁面中的每個事件觸發：
例
$(document).on("pagebeforecreate",function(event){
alert("pagebeforecreate event fired!");
});
$(document).on("pagecreate",function(event){
alert("pagecreate event fired!");
}); 試一試» jQuery Mobile的加載事件
頁面加載事件是外部的頁面。
每當外部頁面加載到DOM，2事件觸發。 第一是pagecontainerbeforeload，第二要么被pagecontainerload（成功）或pagecontainerloadfailed（失敗）。
這些事件在下面的表說明：
| 事件 | 描述 |
|---|---|
| pagecontainerbeforeload | 觸發的任何頁面加載的請求作出之前 |
| pagecontainerload | 觸發後的頁面已經被成功地加載並插入到DOM |
| pagecontainerloadfailed | 如果頁面加載請求失敗觸發。 默認情況下，它會顯示“Error加載頁面”的消息 |
下面的例子演示了pagecontainerload和pagecontainerloadfailed事件是如何工作的：
例
$(document).on("pagecontainerload",function(event,data){
alert("pageload
event fired!\nURL: " + data.url);
});
$(document).on("pagecontainerloadfailed",function(event,data){
alert("Sorry, requested page does not exist.");
}); 試一試» jQuery Mobile的過渡活動
我們也可以使用，當我們過渡從一個頁面到下一個事件。
網頁過渡涉及到兩個頁面：一個“自”頁和“到”網頁-這些動畫過渡從當前活動頁面的改變(fromPage)到一個新的頁面(toPage)
| 事件 | 描述 |
|---|---|
| pagebeforeshow | 觸發“ 到 ”頁上，過渡動畫開始前 |
| pageshow | 觸發“ 到 ”頁上，過渡動畫完成後， |
| pagebeforehide | 引發“ 從 ”頁面上，過渡動畫開始前 |
| pagehide | 引發“ 從 ”頁面上，過渡動畫完成後， |
下面的例子演示了轉換事件是如何工作的：
例
$(document).on("pagebeforeshow","#pagetwo",function(){ // When entering
pagetwo
alert("pagetwo is about to be shown");
});
$(document).on("pageshow","#pagetwo",function(){
// When entering pagetwo
alert("pagetwo is now shown");
});
$(document).on("pagebeforehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is about to be hidden");
});
$(document).on("pagehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is now hidden");
}); 試一試»