閱讀(5.8k) 書簽贊(0) 我要糾錯(cuò)

jQuery Mobile pageshow 事件

2018-09-09 13:07 更新

實(shí)例

在頁(yè)面切換后顯示之后彈出信息：

$(document).on("pageshow","#pagetwo",function(){
? alert("pageshow event fired - pagetwo is now shown");
});

pageshow 是在頁(yè)面切換后顯示之后，觸發(fā)的事件。

相關(guān)事件:

注意： 該事件在頁(yè)面過(guò)渡開始/結(jié)束時(shí)觸發(fā)。

在jQuery Mobile中觸發(fā)所有頁(yè)面事件:

$("document").on("pageshow",function(event){...}) 嘗試一下

觸發(fā)指定頁(yè)面事件：

$("document").on("pageshow","page",function(event,data){...}) 嘗試一下

參數(shù)	描述
function(event,data)	必須。指定 pageshow 事件觸發(fā)時(shí)執(zhí)行的函數(shù)。該函數(shù)含有以下兩個(gè)參數(shù)：事件對(duì)象 - 包括任何jQuery事件屬性 ( event.target, event.type 等) 。更多信息請(qǐng)查閱 jQuery 事件參考手冊(cè) 數(shù)據(jù)對(duì)象 - 包含屬性 nextPage, 要返回的過(guò)渡頁(yè)面。
page	可選。指定 pagebeforehide 事件觸發(fā)時(shí)指向的頁(yè)面id。內(nèi)部頁(yè)面, 請(qǐng)使用 #id。外部頁(yè)面，請(qǐng)使用 externalfile.html。

參數(shù)

描述

function(event,data)

必須。指定 pageshow 事件觸發(fā)時(shí)執(zhí)行的函數(shù)。

該函數(shù)含有以下兩個(gè)參數(shù)：

事件對(duì)象 - 包括任何jQuery事件屬性 ( event.target, event.type 等) 。更多信息請(qǐng)查閱 jQuery 事件參考手冊(cè)
數(shù)據(jù)對(duì)象 - 包含屬性 nextPage, 要返回的過(guò)渡頁(yè)面。

page

可選。指定 pagebeforehide 事件觸發(fā)時(shí)指向的頁(yè)面id。內(nèi)部頁(yè)面, 請(qǐng)使用 #id。外部頁(yè)面，請(qǐng)使用 externalfile.html。