jQuery Mobile Seite Veranstaltungen
Events für Seiten in jQuery Mobile Handhabung sind in vier Kategorien unterteilt:
- Seite Initialisierung - Vor-Seite Erstellung, und wenn die Seite erstellt wurde
- Seite Load / Unload - Wenn eine externe Seite geladen, entladen oder bei einem Fehler
- Seite Transition - Vor und nach dem Seitenwechsel
- Seitenwechsel - Wenn Seiten werden geändert oder aus, oder bei einem Fehler
Eine vollständige Referenz aller jQuery Mobile - Veranstaltungen erhalten Sie auf unserer jQuery Mobile Events Referenz .
jQuery Mobile Initialisierung Events
Wenn eine typische Seite in jQuery Mobile initialisiert wird, geht es durch zwei Phasen:
- Vor Erstellung von Seiten
- Seitenerstellung
Jede Stufe hat ein Ereignis, das verwendet werden kann, einfügen oder einen Code zu bearbeiten, bevor oder wenn jQuery Mobile die Seite verbessert.
| Event | Beschreibung |
|---|---|
| pagebeforecreate | Ausgelöst, wenn die Seite ist über initialisiert werden, und vor jQuery Mobile begonnen hat, die Seite zu verbessern |
| pagecreate | Ausgelöst, wenn die Seite erstellt wurde, aber bevor Erweiterung abgeschlossen |
Das folgende Beispiel zeigt, wenn jedes Ereignis ausgelöst wird, wenn eine Seite in jQuery Mobile erstellt:
Beispiel
$(document).on("pagebeforecreate",function(event){
alert("pagebeforecreate event fired!");
});
$(document).on("pagecreate",function(event){
alert("pagecreate event fired!");
}); Versuch es selber " jQuery Mobile laden Events
Seite-laden Ereignisse sind für externe Seiten.
Jedes Mal, wenn eine externe Seite in das DOM geladen wird, zwei Ereignisse ausgelöst. Die erste ist pagecontainerbeforeload, und der zweite wird entweder pagecontainerload werden (Erfolg) oder pagecontainerloadfailed (gescheitert).
Diese Ereignisse werden in der Tabelle unten beschrieben:
| Event | Beschreibung |
|---|---|
| pagecontainerbeforeload | Ausgelöst vor jeder Seite der Lastanforderung wird |
| pagecontainerload | Ausgelöst, nachdem die Seite wurde in das DOM erfolgreich geladen und eingesetzt |
| pagecontainerloadfailed | Ausgelöst, wenn die Seite Lastanforderung fehlschlägt. Standardmäßig wird die "Fehler beim Laden von Seite" Meldung |
Das folgende Beispiel zeigt, wie die pagecontainerload und pagecontainerloadfailed Veranstaltungen arbeiten:
Beispiel
$(document).on("pagecontainerload",function(event,data){
alert("pageload
event fired!\nURL: " + data.url);
});
$(document).on("pagecontainerloadfailed",function(event,data){
alert("Sorry, requested page does not exist.");
}); Versuch es selber " jQuery Mobile Transition Events
Wir können auch Veranstaltungen für verwenden, wenn wir von einer Seite zur nächsten übergehen.
Seitenübergänge beinhalten zwei Seiten: eine "aus" -Seite und eine "auf" Seite - diese Übergänge animieren den Wechsel von der aktuellen aktive Seite (fromPage) auf eine neue Seite (toPage) .
| Event | Beschreibung |
|---|---|
| pagebeforeshow | Ausgelöst auf der "auf" Seite, bevor der Übergang Animation beginnt |
| pageshow | Ausgelöst auf der "auf" Seite, nach dem Übergang Animation abgeschlossen |
| pagebeforehide | Ausgelöst auf dem "von" Seite, bevor der Übergang Animation beginnt |
| pagehide | Ausgelöst auf der "von" Seite, nach dem Übergang Animation abgeschlossen |
Das folgende Beispiel zeigt, wie die Übergangsereignisse arbeiten:
Beispiel
$(document).on("pagebeforeshow","#pagetwo",function(){ // When entering
pagetwo
alert("pagetwo is about to be shown");
});
$(document).on("pageshow","#pagetwo",function(){
// When entering pagetwo
alert("pagetwo is now shown");
});
$(document).on("pagebeforehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is about to be hidden");
});
$(document).on("pagehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is now hidden");
}); Versuch es selber "