Gli ultimi tutorial di sviluppo web
 

pagehide evento jQuery

<JQuery Mobile Eventi

Esempio

Avvisare del testo quando la pagina stiamo passando via from , è nascosta:

$(document).on("pagehide","#pagetwo",function(){
  alert("pagehide event fired - pagetwo is now hidden");
});
Prova tu stesso "

Definizione e utilizzo

L'evento pagehide viene attivato sul "from" pagina, dopo inizia l'animazione di transizione.

Eventi correlati:

  • pagebeforehide - trasmesso sul "from" pagina, prima che 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("pagehide",function(event){...}) Try it

Per attivare l'evento per una pagina specifica:

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

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

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 pagehide 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 la proprietà nextPage per tornare alla pagina stiamo passando a.


<JQuery Mobile Eventi