jQuery Mobile Seite Veranstaltungen
jQuery Mobile Seite Veranstaltungen
Veranstaltungen in jQuery Mobile Seiten Umgang mit sind in vier Kategorien unterteilt:
- Seite Initialisierung - bevor die Seite erstellt wird, wenn die Seite erstellt wird, und die Seite nach der Initialisierung
- Seite Load / Unload - wenn eine externe Seite Beladen, Entladen oder beim ersten Ausfall
- Seite Transition - Seitenübergang vor und nach
- Seitenwechsel - Wenn die Seite geändert wird, oder das Gesicht Versagen
Für vollständige Informationen zu allen Veranstaltungen jQuery Mobile, bitte besuchen Sie unsere jQuery Mobile Event Manual .
jQuery Mobile Initialisierungsereignisses
Wenn jQuery Mobile in einer typischen Seite initialisiert wird, wird es durch drei Stufen gehen:
- Vor Erstellung von Seiten
- Seitenerstellung
- Seite Initialisierung
Ereignis-Trigger können in jeder Stufe des Operationscodes oder Einsatz verwendet werden.
| Ereignis | Beschreibung |
|---|---|
| pagebeforecreate | Wenn die Seite ist zu initialisieren, und vor jQuery Mobile verbesserte Seite wurde das Ereignis ausgelöst begonnen. |
| Pagecreate | Wenn die Seite erstellt wurde, aber vor dem Abschluss der Verbesserungen, hat das Ereignis ausgelöst. |
| Pageinit | Wenn die Seite initialisiert wird, und nach jQuery Mobile verbesserte Seite abgeschlossen ist, wird das Auslösen des Ereignisses. |
Das folgende Beispiel zeigt die jQuery Mobile, wenn Sie eine Seite erstellen, wenn jedes Ereignis auszulösen:
Beispiele
alert ( "pagebeforecreate Ereignis-Trigger!");
});
$ (Dokument) .auf ( "Pagecreate", Funktion (event) {
alert ( "Pagecreate Ereignis-Trigger!");
});
Versuchen »
jQuery Mobile Load-Ereignis
Seite-laden Veranstaltung gehört zu einer externen Seite.
Jedes Mal, wenn eine externe Seite Laden DOM, zwei Ereignisse ausgelöst. Die erste pagebeforeload ist, ist der zweite Pageload (Erfolg) oder pageloadfailed (Fehler).
Die folgende Tabelle erläutert diese Ereignisse:
| Ereignis | Beschreibung |
|---|---|
| pagebeforeload | Vor einer Seite auf jede Anfrage den Auslöser zu laden. |
| Pageload | Die Seite wurde erfolgreich geladen und eingesetzt DOM ausgelöst. |
| pageloadfailed | Wenn eine Seite der Lastanforderung fehlschlägt, wird das Ereignis ausgelöst hat. Standardmäßig wird "Fehler beim Laden von Seite" angezeigt werden. |
Die folgende Darstellung und Pageload pagloadfailed Veranstaltung funktioniert:
Beispiele
alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert(";抱歉，被请求页面不存在。");
});
Versuchen »
jQuery Mobile Übergang Ereignis
Wir können auch das Ereignis beim Übergang von einem zum nächsten verwendet werden.
Seitenübergänge, die zwei Seiten: eine "auf" -Seite und eine "Go" Seite - diese Übergänge machen die aktuelle aktive Seite ( "auf" -Seite) auf die neue Seite ( "to go" Kursseite ändern wird dynamischer.
| Ereignis | Beschreibung |
|---|---|
| pagebeforeshow | In der "go" ausgelöst Seite, bevor der Übergang Animation beginnt. |
| pageshow | Im Bildschirm-Trigger "go", die nach Abschluss des Übergangsanimation. |
| pagebeforehide | In der "auf" Trigger-Seite, bevor der Übergang Animation beginnt. |
| pagehide | Im "auf" Bildschirm-Trigger, die nach Abschluss des Übergangsanimation. |
Im folgenden wird das Prinzip der Übergangszeit:
Beispiele
alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
alert("现在隐藏页面二");
});
Versuchen »