jQuery Mobile pagehide 事件

2018-09-18 04:12 更新

jQuery Mobile pagehide 事件

jQuery Mobile 事件 jQuery Mobile 事件

實例

在頁面切換后舊的頁面隱藏之后彈出一些文本信息:

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

嘗試一下 ?

定義和用法

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

相關(guān)事件:

  • pagebeforehide - 在頁面切換后老頁面隱藏之前,觸發(fā)的事件。
  • pagebeforeshow - 在頁面切換后顯示之前,觸發(fā)的事件。
  • pageshow - 在頁面切換后顯示之后,觸發(fā)的事件。

注意: 該事件在頁面每次過渡 開始/停止 時都會觸發(fā)。


語法

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

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

為指定頁面觸發(fā)事件:

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

參數(shù) 描述
function(event,data) 必須。 指定 pagehide 事件觸發(fā)時執(zhí)行的函數(shù)。

該函數(shù)含有以下兩個參數(shù):

  • 事件對象 - 包括任何jQuery事件屬性 ( event.target, event.type 等) 。更多信息請查閱 jQuery 事件參考手冊
  • 數(shù)據(jù)對象 - 包含屬性 nextPage, 要返回的過渡頁面。
page 可選。 指定 pagehide 事件觸發(fā)時指向的頁面id。 內(nèi)部頁面, 請使用 #id。外部頁面,請使用 externalfile.html。


實例

更多實例

相關(guān)事件演示
該實例展示了 pagebeforeshow, pageshow, pagebeforehide 和 pagehide 事件的觸發(fā)。

事件對象
使用 event.timeStamp 屬性。

數(shù)據(jù)對象
使用 nextPage 屬性返回過渡的頁面。


jQuery Mobile 事件 jQuery Mobile 事件

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號