Latest web development tutorials

jQuery Mobile pagehide 事件

jQuery Mobile 事件 jQuery Mobile事件

實例

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

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

嘗試一下»

定義和用法

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

相關事件:

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

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


語法

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

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

為指定頁面觸發事件:

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

参数 描述
function(event,data) 必须。 指定 pagehide 事件触发时执行的函数。

该函数含有以下两个参数:

  • 事件对象 - 包括任何jQuery事件属性 ( event.target, event.type 等) 。更多信息请查阅 jQuery 事件参考手册
  • 数据对象 - 包含属性 nextPage, 要返回的过渡页面。
page 可选。 指定 pagehide 事件触发时指向的页面id。 内部页面, 请使用 #id 。外部页面,请使用 externalfile.html


實例

更多實例

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

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

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


jQuery Mobile 事件 jQuery Mobile事件