jQuery pagecontainerbeforeload Event
jQuery Mobile EventsExample
Alert some text before a load request is made:
$(document).on("pagecontainerbeforeload",function(){
alert("pagecontainerbeforeload event
fired!");
});
Try it yourself »
Definition and Usage
The pagecontainerbeforeload event is triggered before any load request is made.
Related events:
- pagecontainerload - triggered after the page has been successfully loaded and inserted into the DOM
- pagecontainerloadfailed - triggered if the page load request fails
Note: These events are used for external pages - Whenever an external page is loaded into the DOM, 2 events are fired. The first is pagecontainerbeforeload. The 2nd event will either be pagecontainerload or pagecontainerloadfailed.
Syntax
$("document").on("pagecontainerbeforeload",function(event,data){...})
| Parameter | Description |
|---|---|
| function(event,data) | Required. Specifies the function to run when the pagecontainerbeforeload event occurs.
The function has two optional parameters: The event object - which can contain any jQuery event properties (e.g. event.target, event.type, etc.) See jQuery Events Reference for more information The data object - contains the following:
|
Try it Yourself - Examples
A demonstration of
related events
A demonstration of pagecontainerload and pagecontainerloadfailed.
The event object
Using the event.type property to return the triggered event type.
The data object
Using the data.url to return the URL of the external page.
