En son web geliştirme öğreticiler
 

jQuery pagehide Olay

<JQuery Mobile Olaylar

Örnek

Uzağa geçiş işlemine tabi tutulacak sayfa bazı metni uyar from , gizli:

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

Tanımı ve Kullanımı

Pagehide olay üzerine tetiklenir "from" geçiş animasyon başladıktan sonra, sayfa.

İlgili olaylar:

  • pagebeforehide - on Tetiklenmiş "from" geçiş animasyon tamamlar önce, sayfa
  • pagebeforeshow - on Tetiklenmiş "to" geçiş animasyon tamamlar önce, sayfa
  • pageshow - on Tetiklenmiş "to" geçiş animasyonu tamamlandıktan sonra, sayfa

Not: Bu etkinlik bir sayfa geçiş her başlatıldığında tetiklenir / durur.

Sözdizimi

jQuery Mobile tüm sayfalar için olayı tetiklemek için:

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

Belirli bir sayfa için olayı tetiklemek için:

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

Parametre Açıklama
function(event,data) Gereklidir. pagehide olay meydana geldiğinde çalışacak şekilde işlevini belirtir.

işlevin iki opsiyonel parametrelere sahiptir:

  • Olay nesnesi - Herhangi bir jQuery olay özellikler içerebilir (eg event.target, event.type , etc.) Bkz jQuery Olaylar Referans fazla bilgi için
  • Veri nesnesi - biz geçiş yapıyoruz sayfayı döndüren bir özelliği, NextPage içerir
page İsteğe bağlı. Sayfanın kimliğine Nokta için pagehide olayı belirtmek için. İç sayfalar için, kullanmak #id . Dış sayfalar için, kullanmak externalfile.html .

it Yourself deneyin - Örnekler

İlgili olayların bir gösteri
zaman pagebeforeshow, pageshow, pagebeforehide ve pagehide yangını gösteren bir gösteri.

olay nesnesi
event.timeStamp özelliğini kullanma.

veri nesnesi
NextPage özelliğini kullanarak biz geçiş yapıyoruz sayfayı döndürmek için.

<JQuery Mobile Olaylar