jQuery Mobile sayfa Etkinlikler
jQuery Mobile sayfaları işlemek için Olaylar dört kategoriye ayrılır:
- Sayfa Başlatma - sayfa oluşturma öncesinde ve sayfa oluşturulduğunda
- Sayfa Yükleme / Boşaltma - Harici sayfa yükleme, boşaltma veya bir başarısızlık karşılaştığında
- Sayfa Geçiş - Önce ve sayfa geçişleri sonrasında
- Sayfa Değişikliği - sayfaları veya değiştirilen ya da bir şekilde arızalanması edilir
Tüm jQuery Mobile olayların tam Referans için, bizim için gidin lütfen jQuery Mobile Olaylar Referans .
jQuery Mobile Başlatma Olaylar
jQuery Mobile tipik bir sayfa başlatıldığında, iki aşamada geçer:
- sayfa oluşturma Önce
- Sayfa oluşturma
Her aşama eklemek veya jQuery Mobile sayfasını artırır önce veya zaman kodu işlemek için kullanılabilecek bir etkinliğe sahiptir.
| Olay | Açıklama |
|---|---|
| pagebeforecreate | jQuery Mobile geliştirme sayfasına başlamadan önce sayfa başlatıldı üzeredir ve tetiklenir |
| pagecreate | sayfa oluşturulduğunda Tetiklendi, ama daha önce geliştirme tamamlandığında |
Aşağıdaki örnek, bir sayfa jQuery Mobile oluşturulduğunda her olay yangınları gösterir:
Örnek
$(document).on("pagebeforecreate",function(event){
alert("pagebeforecreate event fired!");
});
$(document).on("pagecreate",function(event){
alert("pagecreate event fired!");
}); Kendin dene " jQuery Mobile Yük Olaylar
Sayfa yükleme olaylar harici sayfaların içindir.
Harici bir sayfa DOM yüklenir zaman, 2 etkinlik ateş. İlk pagecontainerbeforeload ve ikinci ya pagecontainerload olacaktır (success) veya pagecontainerloadfailed (fail) .
Bu olaylar aşağıdaki tabloda açıklanmıştır:
| Olay | Açıklama |
|---|---|
| pagecontainerbeforeload | Herhangi sayfası yükleme isteği yapılmadan önce Tetiklendi |
| pagecontainerload | sayfa başarıyla DOM yüklenir ve takıldıktan sonra Tetiklendi |
| pagecontainerloadfailed | Sayfa yükleme isteği başarısız olursa tetikledi. Varsayılan olarak, gösterecektir "Error Loading Page" mesajı |
Aşağıdaki örnek pagecontainerload ve pagecontainerloadfailed olaylar nasıl çalıştığını gösterir:
Örnek
$(document).on("pagecontainerload",function(event,data){
alert("pageload
event fired!\nURL: " + data.url);
});
$(document).on("pagecontainerloadfailed",function(event,data){
alert("Sorry, requested page does not exist.");
}); Kendin dene " jQuery Mobile Geçiş Olaylar
Biz de biz bir sayfadan diğerine geçiş yaparken olayları kullanabilirsiniz.
Bir: Sayfa geçişleri iki sayfa dahil "from" sayfa ve "to" - Bu geçişler mevcut aktif sayfadan değişikliği animasyon sayfa (fromPage) yeni bir sayfaya (toPage) .
| Olay | Açıklama |
|---|---|
| pagebeforeshow | Tetiklenir " to " geçiş animasyon başlamadan önce, sayfa |
| pageshow | Tetiklenir " to " geçiş animasyonu tamamlandıktan sonra, sayfa |
| pagebeforehide | Tetiklenir " from " geçiş animasyon başlamadan önce, sayfa |
| pagehide | Tetiklenir " from " geçiş animasyonu tamamlandıktan sonra, sayfa |
Aşağıdaki örnek geçiş olayları nasıl çalıştığını gösterir:
Örnek
$(document).on("pagebeforeshow","#pagetwo",function(){ // When entering
pagetwo
alert("pagetwo is about to be shown");
});
$(document).on("pageshow","#pagetwo",function(){
// When entering pagetwo
alert("pagetwo is now shown");
});
$(document).on("pagebeforehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is about to be hidden");
});
$(document).on("pagehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is now hidden");
}); Kendin dene "