jQuery Mobile pagebeforeshow Event | Tutorial

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

Show an alert message before a page transition is displayed:

$(document).on("pagebeforeshow","#pagetwo",function(){
    alert("pagebeforeshow event triggered - Page Two is about to be shown");
});

The pagebeforeshow event is triggered before a page transition is displayed, after the transition has started.

Related Events:

pageshow - Triggered after a page transition is displayed.
pagebeforehide - Triggered before the old page is hidden during a page transition.
pagehide - Triggered after the old page is hidden during a page transition.

Note: This event is triggered at the start/stop of each transition.

To trigger the event for all pages in jQuery Mobile:

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

To trigger the event for a specific page:

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

Parameter	Description
function(event,data)	Required. Specifies the function to run when the pagebeforeshow event is triggered. This function contains the following 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 `prevPage`, which returns the previous page of the transition.
_page_	Optional. The page id that the pagebeforeshow event points to. For internal pages, use #id. For external pages, use _externalfile.html_.