Neueste Web-Entwicklung Tutorials
 

jQuery pagebeforeshow Ereignis

<JQuery Mobile Events

Beispiel

Alarmieren Sie einen Text , wenn die Seite wir sind übergegangen wird , um angezeigt werden soll:

$(document).on("pagebeforeshow","#pagetwo",function(){
  alert("pagebeforeshow event fired - pagetwo is about to be shown");
});
Versuch es selber "

Definition und Verwendung

Die pagebeforeshow Ereignis wird auf dem ausgelösten "to" Seite, bevor der Übergang Animation beginnt.

Ähnliche Veranstaltungen:

  • pageshow - Ausgelöst auf der "to" Seite, nach dem Übergang Animation abgeschlossen
  • pagebeforehide - Ausgelöst auf der "from" Seite, bevor der Übergang Animation beginnt
  • pagehide - Ausgelöst auf der "from" Seite, nach dem Übergang Animation abgeschlossen

Hinweis: Dieses Ereignis jedes Mal , wenn ein Seitenübergang beginnt ausgelöst wird / stoppt.


Syntax

So lösen Sie das Ereignis für alle Seiten in jQuery Mobile:

$("document").on("pagebeforeshow",function(event){...}) Try it

So lösen Sie das Ereignis für eine bestimmte Seite:

$("document").on("pagebeforeshow"," page ",function(event,data){...}) Try it

Parameter Beschreibung
function(event,data) Erforderlich. Gibt die Funktion, wenn die pagebeforeshow 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 eine Eigenschaft, die PrevPage, die die Seite kehrt wir den Übergang weg von
page Optional. Verweist auf die ID der Seite für die pagebeforeshow Ereignis angeben. Für den internen Seiten verwenden #id . Für externe Seiten verwenden externalfile.html .

Probieren Sie es selbst - Beispiele

Eine Demonstration von verwandten Ereignissen
Eine Demonstration, die zeigt, wenn pagebeforeshow, pageshow, pagebeforehide und pagehide Feuer.

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

Das Datenobjekt
Mit der PrevPage Eigenschaft zurückzukehren, um die Seite, die wir von Übergang sind weg.


<JQuery Mobile Events