En son web geliştirme öğreticiler
 

jQuery'nin pagebeforeshow Olay

<JQuery Mobile Olaylar

Örnek

Biz geçiş yapıyoruz sayfa, gösterilecek üzereyken bazı metinler uyar:

$(document).on("pagebeforeshow","#pagetwo",function(){
  alert("pagebeforeshow event fired - pagetwo is about to be shown");
});
Kendin dene "

Tanımı ve Kullanımı

Pagebeforeshow olay üzerine tetiklenir "to" geçiş animasyon başlamadan önce, sayfa.

İlgili olaylar:

  • pageshow - on Tetiklenmiş "to" geçiş animasyonu tamamlandıktan sonra, 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("pagebeforeshow",function(event) {...}) Try it

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

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

Parametre Açıklama
function(event,data) Gereklidir. pagebeforeshow 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 pagebeforeshow 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