Latest web development tutorials

jQuery Mobile pagebeforehide event

jQuery Mobile Events jQuery Mobile Events

Examples

Before switching the old page after page Hide pop-up text message:

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

try it"

Definition and Usage

pagebeforehide event before the old page after page switching hidden trigger.

Related events:

  • pagehide - after page after page switching old 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 is triggered when a page transition start / end.


grammar

Trigger events in all pages in jQuery Mobile:

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

Trigger the specified event page:

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

parameter description
function (event, data) have to. Function is executed pagebeforehide specified event triggers.

This function includes the following two parameters:

  • Event objects - including any jQuery event properties (event.target, event.type etc.). For more information, please refer jQuery Event Manual
  • Data Objects - contains properties nextPage, transition page to return.
page Optional. Specifies the event trigger point pagebeforehide page id. Inside page, please use #id. External page, please use externalfile.html.


Examples s

More examples

Related events demonstrate.
This example demonstrates 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