Neueste Web-Entwicklung Tutorials
 

jQuery pagebeforehide Ereignis

<JQuery Mobile Events

Beispiel

Alarmieren Sie einen Text , wenn die Seite wir den Übergang von weg, etwa ist versteckt werden:

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

Definition und Verwendung

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

Ähnliche Veranstaltungen:

  • pagehide - Ausgelöst auf der "from" Seite, nach dem Übergang Animation abgeschlossen
  • pagebeforeshow - Ausgelöst auf der "to" Seite, bevor der Übergang Animation abgeschlossen
  • pageshow - Ausgelöst auf der "to" 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("pagebeforehide",function(event){...}) Try it

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

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

Parameter Beschreibung
function(event,data) Erforderlich. Gibt die Funktion, wenn die pagebeforehide 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 nextpage, die die Seite kehrt wir den Übergang zu
page Optional. Verweist auf die ID der Seite für die pagebeforehide 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
Mit dem event.timeStamp Eigenschaft.

Das Datenobjekt
Mit dem nextPage Eigenschaft zurückzukehren , um die Seite wir sind übergeht .


<JQuery Mobile Events