jQuery Mobile pagebeforeshow 事件
jQuery Mobile 事件實例
在頁面切換後顯示之前，彈出文本資訊:
$(document).on("pagebeforeshow","#pagetwo",function(){
alert("pagebeforeshow 事件觸發 - 頁面二即將展示");
});
alert("pagebeforeshow 事件觸發 - 頁面二即將展示");
});
定義和用法
pagebeforeshow 是在頁面切換後顯示之前，觸發的事件。
相關事件:
- pageshow - 頁面切換後顯示之後，觸發的事件。
- pagebeforehide - 在頁面切換後老頁面隱藏之前，觸發的事件。
- pagehide -在頁面切換後老頁面隱藏之後，觸發的事件。
注意： 該事件在每個過渡頁面開始/停止時觸發。
語法
To trigger the event for all pages in 在 jQuery Mobile 中為所有頁面觸發事件:
$("document").on("pagebeforeshow",function(event){...})
為指定頁面觸發事件:
$("document").on("pagebeforeshow","page",function(event,data){...})
| 參數 | 描述 |
|---|---|
| function(event,data) | 必須。指定 pagebeforeshow 事件觸發時執行的函數。
該函數包含以下兩個參數：
|
| page | 可選。 pagebeforeshow 事件指向的頁面id。 內部頁面, 請使用 #id。 外部頁面, 使用 externalfile.html。 |
更多實例
演示相關事件
該實例演示了 pagebeforeshow,
pageshow, pagebeforehide 和 pagehide 事件的觸發。
事件對象
使用 event.type 屬性返回觸發的事件類型。
數據對象
使用 prevPage 屬性返回過渡的上一個頁面。