JQuery Mobile作為一種流行的HTML5框架，廣泛用于移動設(shè)備的開發(fā)中。它提供了一些基本的頁面事件，包括頁面創(chuàng)建、展示、隱藏、更新等事件。下面我們來看具體的用法。

$(document).on("pagecreate","#page1",function(){
alert("Page1 created!");
});

以上代碼表示在文檔加載完成后，當(dāng)id為page1的頁面創(chuàng)建時(shí)，會彈出"Page1 created!"的提示框。同樣的，可以使用pagebeforeshow、pageshow、pagebeforehide、pagehide等事件來響應(yīng)不同的頁面事件。

$(document).on("pageshow","#page2",function(){
console.log("Page2 showed!");
});

以上代碼表示在頁面id為page2被顯示時(shí)，會在控制臺輸出"Page2 showed!"。注意到這里使用了console.log()方法，可以方便地在調(diào)試時(shí)查看代碼執(zhí)行情況。

$(document).on("pagebeforehide","#page3",function(){
confirm("Are you sure you want to leave Page3?");
});

以上代碼表示在頁面id為page3即將隱藏時(shí)，會彈出提示框詢問用戶是否真的要離開該頁面。這里使用了confirm()方法，可以讓用戶選擇是否繼續(xù)操作。

$(document).on("pagecontainershow",function(){
console.log("A new page container has been shown!");
});

以上代碼表示在頁面切換時(shí)，會觸發(fā)pagecontainershow事件。使用該事件可以在頁面切換時(shí)進(jìn)行一些操作，如更新導(dǎo)航欄、加載數(shù)據(jù)等。

總的來說，頁面事件是JQuery Mobile中非常重要的一個(gè)功能，可以讓開發(fā)者方便地控制頁面的展示、交互等行為，提高用戶體驗(yàn)。