Ultimele tutoriale de dezvoltare web
 

jQuery pagehide Eveniment

<JQuery mobile Evenimente

Exemplu

Alerta un text atunci când pagina pe care tranziționează departe from , este ascuns:

$(document).on("pagehide","#pagetwo",function(){
  alert("pagehide event fired - pagetwo is now hidden");
});
Încearcă - l singur »

Definiție și utilizare

Evenimentul pagehide este declanșat pe "from" de "from" pagina, după ce începe de animație de tranziție.

Evenimente conexe:

  • pagebeforehide - Declanșat pe "from" de "from" pagina, înainte de finalizarea animației de tranziție
  • pagebeforeshow - Declanșat pe "to" pagina, înainte de finalizarea animației de tranziție
  • pageshow - Declanșat pe "to" pagina, după terminarea animației de tranziție

Notă: Acest eveniment este declanșat de fiecare dată când începe o tranziție de pagină / se oprește.

Sintaxă

Pentru a declanșa evenimentul pentru toate paginile din jQuery Mobile:

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

Pentru a declanșa evenimentul pentru o anumită pagină:

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

Parametru Descriere
function(event,data) Necesar. Specifică funcția de a rula atunci când are loc evenimentul pagehide.

Functia are doi parametri opționali:

  • Obiectul evenimentului - care poate conține orice proprietăți eveniment jQuery (eg event.target, event.type , etc.) de (eg event.target, event.type , etc.) , (eg event.target, event.type , etc.) A se vedea jQuery Evenimente de referință pentru mai multe informații
  • Obiectul de date - conține una de proprietate, Nextpage, care returnează pagina pe care tranziționează la
page Opțional. Subliniază id-ul paginii pentru a specifica evenimentul pagehide pentru. Pentru pagini interne, utilizați #id . Pentru paginile externe, utilizați externalfile.html .

Încearcă-l singur - Exemple

O demonstrație a evenimentelor legate de
O demonstrație care arată când pagebeforeshow, pageshow, pagebeforehide și pagehide foc.

Obiectul evenimentului
Folosind proprietatea event.timeStamp.

Obiectul de date
Folosind proprietatea Nextpage pentru a reveni la pagina suntem trecerea la.

<JQuery mobile Evenimente