jQuery Mobile pageshow Event | Tutorial

Tutorial -- Learning is not just about technology, but also about dreams!

Alert a message after the page is shown following a page transition:

$(document).on("pageshow","#pagetwo",function(){
    alert("pageshow event triggered - showing page two");
});

The pageshow event is triggered after a page is shown following a page transition.

Related Events:

pagebeforeshow - Triggered before a page is shown following a page transition.
pagebeforehide - Triggered before the old page is hidden following a page transition.
pagehide - Triggered after the old page is hidden following a page transition.

Note: This event is triggered at the start/end of a page transition.

To trigger all page events in jQuery Mobile:

$("document").on("pageshow",function(event){...})

To trigger a specific page event:

$("document").on("pageshow","_page_",function(event,data){...})

Parameter	Description
function(event,data)	Required. The function to run when the pageshow event is triggered. This function contains two parameters: * event object - Includes any jQuery event properties (event.target, event.type, etc.). For more information, see the jQuery Event Reference. * data object - Contains the property nextPage, which is the page to transition to.
_page_	Optional. Specifies the page id the pagebeforehide event points to when triggered. For internal pages, use #id. For external pages, use externalfile.html.