jQuery Mobile pagebeforeshow event
Examples
Before the page is displayed after the handover, pop-up text message:
$(document).on("pagebeforeshow","#pagetwo",function(){
alert("pagebeforeshow 事件触发 - 页面二即将展示");
});
alert("pagebeforeshow 事件触发 - 页面二即将展示");
});
try it"
Definition and Usage
pagebeforeshow event before displaying the page after the switch trigger.
Related events:
- pageshow - after show after switching pages, triggering events.
- pagebeforehide - before switching old page after page hidden trigger events.
- pagehide - after page after page switching old hidden trigger events.
Note: This event is triggered when the transition of each page to start / stop.
grammar
To trigger the event for all pages in jQuery Mobile page at all trigger events:
$("document").on("pagebeforeshow",function(event){...})
尝试一下
Trigger event for the specified page:
$("document").on("pagebeforeshow"," page ",function(event,data){...})
尝试一下
| parameter | description |
|---|---|
| function (event, data) | have to. Function is executed pagebeforeshow specified event triggers. This function includes the following two parameters:
|
| page | Optional. pagebeforeshow event points to a page id. Inside page, please use #id. External page, use externalfile.html. |
More examples
Demo related events
This example demonstrates pagebeforeshow, pageshow, pagebeforehide pagehide and trigger events.
Event objects
Use event.type property to return the type of trigger event.
Data Objects
Use prevPage property returns transition on a page.