jQuery Mobile pageshow Event
Example
Display a message after the page transition completes:
Definition and Usage
The pageshow event is triggered after the page transition completes and the new page is displayed.
Related Events:
- pagebeforeshow - Triggered before the new page is displayed after a transition.
- pagebeforehide - Triggered before the old page is hidden after a transition.
- pagehide - Triggered after the old page is hidden after a transition.
Note: This event is triggered at the start/end of the page transition.
Syntax
Trigger all page events in jQuery Mobile:
Trigger a specific page event:
| Parameter | Description |
|---|---|
| function(event, data) | Required. Specifies the function to execute when the pageshow event is triggered. The function includes the following two parameters: Event object - Includes any jQuery event properties (event.target, event.type, etc.). For more information, refer to the jQuery Event Reference. Data object - Contains properties such as nextPage, the transitioned-to page. |
| page | Optional. Specifies the page ID targeted when the pagebeforehide event is triggered. For internal pages, use #id. For external pages, use externalfile.html. |