Example
Alert some text when the page we are transitioning to, is shown:
$(document).on("pageshow","#pagetwo",function(){
alert("pageshow
event fired - pagetwo is now shown");
});
Try it Yourself »
Definition and Usage
The pageshow event is triggered on the "to" page, after the transition animation completes.
Related events:
- pagebeforeshow - Triggered on the "to" page, before the transition animation starts
- pagebeforehide - Triggered on the "from" page, before the transition animation starts
- pagehide - Triggered on the "from" page, after the transition animation completes
Note: This event is triggered every time a page transition starts/stops.
Syntax
To trigger the event for all pages in jQuery Mobile:
To trigger the event for a specific page:
| Parameter | Description |
|---|---|
| function(event,data) | Required. Specifies the function to run when the pageshow event occurs.
The function has two optional parameters:
|
| page | Optional. Points to the id of the page to specify the pageshow event for. For internal pages, use #id. For external pages, use externalfile.html. |
Try it Yourself - Examples
A demonstration of
related events
A demonstration that shows when pagebeforeshow,
pageshow, pagebeforehide and pagehide fire.
The event object
Using the event.type property to return the triggered event type.
The
data object
Using the prevPage property to return the page we are transitioning away from.