jQuery Mobile pagecontainerbeforeloadEvent

jQuery Mobile 事件jQuery Mobile Events

Examples

Pop up a message before the request loads:

$(document).on("pagecontainerbeforeload",function(){
alert("pagecontainerbeforeload event triggered!");
});

Try it Yourself »

Definition and Usage

The pagecontainerbeforeload event is triggered before the request is loaded.

Related events:

Note:This event is used for external pages - after a page is loaded and inserted into the DOM, two events will be triggered. The first event is pagecontainerbeforeload, and the second event may be pagecontainerload or pagecontainerloadfailed.

Syntax

$("document").on("pagecontainerbeforeload",function(event,data){...})
Parameter Description
function(event,data) Required. Specifies the function to execute after the event is triggered.

This function has two optional parameters:

event object- Contains jQuery event properties (such as event.target, event.type, etc.). SeejQuery Event Referencefor more information.

data object- Contains the following:

  • url(string) - The absolute or relative URL address of the page (sent to $.mobile.loadPage())
  • absUrl(string) - The absolute path of the URL
  • dataUrl(string) - The corresponding URL address in the browser
  • deferred(object) - Contains resolve() or reject()
  • options(object) - Options sent to $.mobile.loadPage()
Note:In the event object, you can manually handle the request by calling event.preventDefault(). The deferred object in the data object contains resolve() or reject() methods.
实例

More Examples

Related Event Demos
Examples of the pagecontainerload and pagecontainerloadfailed events.

event object
Use the event.type property to return the type of event that was triggered.

data object
Use data.url to return the URL address of the external page.

Other Extensions