En son web geliştirme öğreticiler
 

jQuery'nin pageshow Olay

<JQuery Mobile Olaylar

Örnek

Biz geçiş yapıyoruz sayfa, gösterildiğinde biraz metin uyar:

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

Tanımı ve Kullanımı

Pageshow olay üzerine tetiklenir "to" geçiş animasyonu tamamlandıktan sonra, sayfa.

İlgili olaylar:

  • pagebeforeshow - on Tetiklenmiş "to" geçiş animasyon başlamadan önce, sayfa
  • pagebeforehide - on Tetiklenmiş "from" geçiş animasyon başlamadan önce, sayfa
  • pagehide - on Tetiklenmiş "from" 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("pageshow",function(event) {...}) Try it

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

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

Parametre Açıklama
function(event,data) Gereklidir. pageshow 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 uzak geçtiğini gösteriyor sayfayı döndüren bir özelliği, PrevPage içerir
page İsteğe bağlı. Sayfanın kimliğine Nokta için pageshow 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.type özelliğini kullanarak tetiklenen olay türü dönmek.

veri nesnesi
PrevPage özelliğini kullanarak biz uzak geçtiğini gösteriyor sayfayı döndürmek için.

<JQuery Mobile Olaylar