閱讀(4.7k) 書(shū)簽贊(0) 我要糾錯(cuò)

jQuery Mobile pagehide 事件

2018-09-18 04:12 更新

實(shí)例

在頁(yè)面切換后舊的頁(yè)面隱藏之后彈出一些文本信息：

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

pagehide 是在頁(yè)面切換后老頁(yè)面隱藏之后，觸發(fā)的事件。

相關(guān)事件：

注意： 該事件在頁(yè)面每次過(guò)渡開(kāi)始/停止時(shí)都會(huì)觸發(fā)。

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

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

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

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

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

參數(shù)

描述

function(event,data)

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

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

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

page

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