Gli ultimi tutorial di sviluppo web
 

pagebeforehide evento jQuery

<JQuery Mobile Eventi

Esempio

Avvisare del testo quando la pagina stiamo passando da, sta per essere nascosto:

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

Definizione e utilizzo

L'evento pagebeforehide viene attivato sul "from" pagina, prima che inizi l'animazione di transizione.

Eventi correlati:

  • pagehide - trasmesso sul "from" pagina, dopo l'animazione di transizione completa
  • pagebeforeshow - trasmesso sulla "to" pagina, prima che l'animazione di transizione completa
  • pageshow - trasmesso sulla "to" pagina, dopo l'animazione di transizione completa

Nota: Questo evento viene attivato ogni volta che una pagina di transizione inizia / ferma.


Sintassi

Per attivare l'evento per tutte le pagine in jQuery Mobile:

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

Per attivare l'evento per una pagina specifica:

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

Parametro Descrizione
function(event,data) Richiesto. Specifica la funzione da eseguire quando si verifica l'evento pagebeforehide.

La funzione ha due parametri opzionali:

  • L'oggetto evento - che può contenere qualsiasi proprietà degli eventi jQuery (ad esempio event.target, Event.type, ecc) Vedi jQuery eventi di riferimento per ulteriori informazioni
  • L'oggetto dati - contiene una proprietà, la nextPage, che restituisce la pagina che stiamo per la transizione
page Facoltativo. Sottolinea l'id della pagina per specificare l'evento pagebeforehide per. Per le pagine interne, usare #id . Per le pagine esterne, usare externalfile.html .

Provate voi stessi - Esempi

Una dimostrazione di eventi correlati
Una dimostrazione che mostra quando pagebeforeshow, pageshow, pagebeforehide e pagehide fuoco.

L'oggetto evento
Utilizzando la proprietà event.timeStamp.

L'oggetto dati
Utilizzando il nextPage proprietà per restituire la pagina stiamo passando a.


<JQuery Mobile Eventi