jQuery Mobile pageload-Ereignis

jQuery Mobile 事件jQuery Mobile Events

Beispiele

Blenden Sie eine Meldung ein, nachdem die externe Seite erfolgreich geladen und in das DOM eingefügt wurde:

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

Selbst ausprobieren »

Definition und Verwendung

Ab Version 1.4.0 veraltet, verwenden Sie stattdessenpagecontainerload.

Das pageload-Ereignis wird ausgelöst, nachdem die Seite erfolgreich geladen und in das DOM eingefügt wurde.

Verwandte Ereignisse:

  • pagebeforeload- Ereignis, das vor jedem Ladevorgang ausgelöst wird
  • pageloadfailed- Wird ausgelöst, nachdem die Seite nicht geladen werden konnte.

Hinweis:Wenn eine externe Seite in das DOM geladen wird, werden auf jeden Fall zwei Arten von Ereignissen ausgelöst: das pagebeforeload-Ereignis vor dem Laden und das pageload-Ereignis (erfolgreiches Laden) oder pageloadfailed-Ereignis (fehlgeschlagenes Laden) nach dem Laden.


Syntax

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

Parameters Beschreibung
function(event,data) Die angegebene Funktion, die nach dem Auslösen des pageload-Ereignisses ausgeführt werden soll

Diese Funktion enthält die folgenden zwei Parameter:

Event-Objekt- Enthält alle jQuery-Ereigniseigenschaften (event.target, event.type, usw.). Weitere Informationen finden Sie unterjQuery Event Reference Manual

Datenobjekt- Enthält die folgenden Typen:

  • url(string) - Die absolute oder relative URL, die über den Callback an $.mobile.loadPage() übergeben wurde
  • absUrl(string) - Die absolute Referenz, die die URL enthält
  • dataUrl(string) - Enthält den URL-Standort des Browsers
  • options(object) - Enthält die Optionen, die an $.mobile.loadPage() gesendet wurden
  • xhr (object) - Enthält das XMLHttpRequest-Objekt (als dritter Parameter an den Success-Callback von $.ajax() gesendet)
  • textStatus(string or null) - Enthält den Anforderungsstatus ("success" oder "null") (als zweiter Parameter an den failure-Callback von $.ajax() gesendet)


实例

Weitere Beispiele


Demonstration der Ereignisse pageload und pageloadfailed.


Verwenden Sie die Eigenschaft event.type, um den Typ des ausgelösten Ereignisses zurückzugeben.


Verwenden Sie data.url, um die URL der externen Seite zurückzugeben.


jQuery Mobile 事件jQuery Mobile Events

Andere Erweiterungen