例
提醒一些文本，當我們轉換到頁面，即將被圖所示：
$(document).on("pagebeforeshow","#pagetwo",function(){
alert("pagebeforeshow
event fired - pagetwo is about to be shown");
}); 試一試» 定義和用法
該pagebeforeshow觸發事件上"to"頁，過渡動畫開始之前。
相關事件：
- pageshow -觸發上"to"頁，在過渡動畫完成後
- pagebeforehide -觸發了對"from"頁面，過渡動畫開始前
- pagehide -觸發了對"from"頁面，過渡動畫完成後，
注意：此事件被觸發每一個網頁過渡時間開始/停止。
句法
要觸發對jQuery Mobile的所有頁面的事件：
$("document").on("pagebeforeshow",function(event){...})
Try it
要觸發特定頁面的事件：
$("document").on("pagebeforeshow"," page ",function(event,data){...})
Try it
| 參數 | 描述 |
|---|---|
| function(event,data) | 需要。 指定當pagebeforeshow事件發生時運行的功能。 該函數有兩個可選參數：
|
| page | 可選的。 點到頁面的ID來指定pagebeforeshow事件。 對於內部的網頁，使用#id 。 對於外部網頁，使用externalfile.html 。 |
試一試 - 示例
相關事件的演示
演示顯示時pagebeforeshow，pageshow，pagebeforehide和pagehide火災。
事件對象
使用屬性Event.type返回觸發事件類型。
數據對象
使用prevPage屬性返回我們從過渡離開頁面。