jQuery Mobile pagebeforeshow 事件

實例

在頁面切換後顯示之前，彈出文本信息:

$(document).on("pagebeforeshow","#pagetwo",function(){
alert("pagebeforeshow 事件触发 - 页面二即将展示");
});

pagebeforeshow 是在頁面切換後顯示之前，觸發的事件。

相關事件:

注意：該事件在每個過渡頁面開始/停止時觸發。

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 事件觸發時執行的函數。該函數包含以下兩個參數：事件對象 -包括任何jQuery事件屬性( event.target, event.type等) 。更多信息請查閱jQuery事件參考手冊數據對象 -包含屬性prevPage,該屬性返回過渡的上一個頁面。
page	可選。 pagebeforeshow 事件指向的頁面id。內部頁面, 請使用#id。外部頁面,使用externalfile.html 。

參數

描述

function(event,data)

必須。指定pagebeforeshow 事件觸發時執行的函數。

該函數包含以下兩個參數：

page

可選。 pagebeforeshow 事件指向的頁面id。內部頁面, 請使用#id。外部頁面,使用externalfile.html 。