Rumah >hujung hadapan web >tutorial js >Permulaan halaman dan acara pemuatan dalam jQuery web mudah alih development_jquery

Permulaan halaman dan acara pemuatan dalam jQuery web mudah alih development_jquery

WBOY
WBOYasal
2016-05-16 15:27:441108semak imbas

Peristiwa permulaan halaman (pagebeforecreate, pagecreate)
Jquery Mobile secara automatik akan memulakan beberapa pemalam berdasarkan konvensyen yang dipertingkatkan dalam halaman Contohnya: memberikan atribut type=range pada kotak input secara automatik akan menjana gelangsar tersuai ini tertakluk kepada halaman " " kawalan pemalam, yang mengaturkan peristiwa penggunaan sebelum dan selepas pelaksanaan, membolehkan anda mengendalikan halaman sebelum dan selepas pemulaan, atau malah menyediakan sendiri tingkah laku pemula untuk melumpuhkan pemulaan automatik. Ambil perhatian bahawa peristiwa pemulaan halaman berikut hanya dicetuskan sekali setiap " halaman", Hanya bertentangan dengan acara tunjukkan/sembunyikan setiap kali halaman dipaparkan atau disembunyikan

.

halaman sebelum dibuat: Apabila halaman dimulakan, sentuh sebelum dimulakan.

pagecreate: Apabila halaman dimulakan, sentuh selepas permulaan.

$('#aboutPage').live('pagebeforecreate',function(event){
alert('This page was just inserted into the dom!');
});
$('#aboutPage').live('pagecreate',function(event){
alert('This page was just enhanced by Jquery Mobile!');
});

Nota: Dengan mengikat pagebeforecreate dan kemudian mengembalikan palsu, anda melumpuhkan operasi pemalam halaman itu sendiri. Juga, pastikan anda mengikat fungsi ini sebelum Jquery Mobile dilaksanakan supaya ia dipanggil semasa pemuatan halaman awal. Anda boleh menggunakannya dalam pengendali acara mobileinit.

Acara pemuatan halaman (halamansebelum muat, muat halaman)
Apabila halaman luaran dimuatkan ke dalam DOM, dua peristiwa dicetuskan. Yang pertama ialah pagebeforeload, dan yang kedua ialah pageload, atau pageloadfailed.

halaman sebelum dimuatkan

Dicetuskan sebelum permintaan pemuatan dikeluarkan Fungsi panggil balik yang terikat pada acara ini boleh memanggil preventDefault() pada acara untuk menunjukkan bahawa mereka akan mengendalikan permintaan pemuatan. Untuk melakukan ini, fungsi panggil balik mesti memanggil resolve() atau reject() pada objek yang dihantar ke fungsi panggil balik melalui objek data. Objek yang dihantar ke fungsi panggil balik melalui parameter kedua mengandungi sifat berikut:

  • url (rentetan): alamat mutlak atau relatif dihantar ke $.mobile.loadPage() melalui panggilan balik
  • absUrl (rentetan): Versi alamat mutlak url.
  • dataUrl (rentetan): Versi alamat mutlak yang ditapis yang digunakan semasa mengenal pasti halaman atau mengemas kini alamat penyemak imbas
  • tertunda (objek): Fungsi panggil balik yang memanggil preventDefault() untuk acara ini mesti dipanggil untuk acara ini
  • Kaedah
  • resolve() atau reject() membenarkan permintaan changePage() dipulihkan.

Contohnya:

$( document ).bind( "pagebeforeload", function( event, data ){
 //让jqm框架知道由我们来处理load事件.
 event.preventDefault();
 //...加载文档然后插入到DOM中
 //在这个回调中,或者通过其他的异步加载手段中,
 //调用resolve,转入到下面的参数中,加上一个
 //包含有页面dom元素的jquery选择器。
 data.deferred.resolve( data.absUrl, data.options, page );
});

muatan halaman

Dicetuskan selepas halaman berjaya dimuatkan dan dimasukkan ke dalam DOM. Fungsi panggil balik yang terikat pada peristiwa ini akan dihantar objek data sebagai parameter kedua. Objek ini mengandungi maklumat berikut:

  • url (rentetan): URL.
  • absUrl (rentetan): Versi alamat mutlak url.
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn