Latest web development tutorials

jQuery Mobile pagehide event

jQuery Mobile Events jQuery Mobile Events

Examples

After switching the old page after page to hide some of the pop-up text:

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

try it"

Definition and Usage

pagehide event after page after page switching old hidden trigger.

Related events:

  • pagebeforehide - before switching old page after page hidden trigger events.
  • pagebeforeshow - before displaying the page after the switch trigger events.
  • pageshow - After displaying the page after switching trigger events.

Note: This event in every page transition start / stop triggers.


grammar

In jQuery Mobile page for all trigger events:

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

Trigger event for the specified page:

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

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

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

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


Examples

More examples

Related events Demo
This example shows pagebeforeshow, pageshow, pagebeforehide pagehide and trigger events.

Event objects
Use event.timeStamp property.

Data Objects
Use nextPage property returns transition page.


jQuery Mobile Events jQuery Mobile Events