Neueste Web-Entwicklung Tutorials
 

jQuery Pageload-Ereignis

<JQuery Mobile Events

Beispiel

Alarmieren Sie einen Text, wenn die externe Seite wurde erfolgreich geladen und in das DOM eingefügt:

$(document).on("pageload",function(){
  alert("pageload event fired!");
});
Versuch es selber "

Definition und Verwendung

Die Pageload Ereignis wurde in jQuery - Version 1.4.0 als veraltet. Verwenden Sie die pagecontainerload stattdessen Ereignis.

Die Pageload-Ereignis ausgelöst wird, nachdem die Seite in das DOM geladen und eingesetzt erfolgreich.

Ähnliche Veranstaltungen:

Hinweis: Diese Ereignisse werden für externe Seiten verwendet - Jedes Mal , wenn eine externe Seite in das DOM geladen wird, werden zwei Ereignisse ausgelöst. Die erste ist pagebeforeload. Die zweite Veranstaltung wird entweder Pageload oder pageloadfailed werden.

Syntax

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

Parameter Beschreibung
function(event,data) Erforderlich. Gibt die Funktion, wenn die Pageload Ereignis eintritt laufen.

Die Funktion hat zwei optionale Parameter:

Das Objekt Ereignis - die alle jQuery Ereigniseigenschaften enthalten kann (zB event.target, event.type , etc.) Siehe Referenz jQuery Ereignisse für weitere Informationen

Das Datenobjekt - enthält folgende Komponenten :

  • url (string) - enthält die absolute oder relative URL der Seite (das wurde gesendet $.mobile.loadPage() )
  • absUrl (string) - enthält die absolute Referenz der URL
  • dataUrl (string) - enthält die URL des Standorts des Browsers
  • options (object) - enthält die Optionen, die gesendet wurden $.mobile.loadPage()
  • xhr (object) - enthält das XMLHttpRequest - Objekt (Sent als dritte Argument $.ajax() Erfolg Rückruf)
  • textStatus (string or null) - enthält den Status der Anforderung ( "success" oder "null" ) (Sent als zweite Argument $.ajax() Fehler - Callback)

Probieren Sie es selbst - Beispiele

Eine Demonstration von verwandten Ereignissen
Eine Demonstration von Pageload und pageloadfailed.

Das Ereignisobjekt
die event.type Eigenschaft Verwenden des auslösenden Ereignisses Typ zurückzukehren.

Das Datenobjekt
Mit data.url die URL der externen Seite zurückzukehren.

<JQuery Mobile Events