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