Latest web development tutorials

jQuery Mobile pagebeforehide 事件

jQuery Mobile 事件 jQuery Mobile事件

實例

在頁面切換後舊頁面隱藏之前彈出文本信息:

$(document).on("pagebeforehide","#pagetwo",function(){
alert("pagebeforehide 事件触发 - 页面二即将被隐藏");
});

嘗試一下»

定義和用法

pagebeforehide 是在頁面切換後老頁面隱藏之前,觸發的事件。

相關事件:

  • pagehide -在頁面切換後老頁面隱藏之後,觸發的事件。
  • pagebeforeshow -在頁面切換後顯示之前,觸發的事件。
  • pageshow -在頁面切換後顯示之後,觸發的事件。

注意:該事件在頁面過渡開始/結束時觸發。


語法

在jQuery Mobile中觸發所有頁面事件:

$("document").on("pagebeforehide",function(event){...}) 尝试一下

觸髮指定頁面事件:

$("document").on("pagebeforehide"," page ",function(event){...}) 尝试一下

參數 描述
function(event,data) 必須。 指定pagebeforehide 事件觸發時執行的函數。

該函數含有以下兩個參數:

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


實例s

更多實例

相關事件演示。
該實例演示了pagebeforeshow, pageshow, pagebeforehide 和pagehide 事件的觸發。

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

數據對象
使用nextPage 屬性返回過渡的頁面。


jQuery Mobile 事件 jQuery Mobile事件