tutorial pengembangan web terbaru
 

pagecontainerload acara jQuery

<JQuery Mobile Acara

Contoh

Siagakan beberapa teks ketika halaman eksternal telah berhasil dimuat dan dimasukkan ke dalam DOM:

$(document).on("pagecontainerload",function(){
  alert("pagecontainerload event fired!");
});
Cobalah sendiri "

Definisi dan Penggunaan

Acara pagecontainerload dipicu setelah halaman telah berhasil dimuat dan dimasukkan ke dalam DOM.

Peristiwa terkait:

Catatan: Peristiwa ini digunakan untuk halaman eksternal - Setiap kali halaman eksternal dimuat ke dalam DOM, 2 peristiwa dipecat. Yang pertama adalah pagecontainerbeforeload. 2 event baik akan pagecontainerload atau pagecontainerloadfailed.

Sintaksis

$("document").on("pagecontainerload",function(event,data){...})

Parameter Deskripsi
function(event,data) Wajib. Menentukan fungsi untuk menjalankan ketika acara pagecontainerload terjadi.

Fungsi ini memiliki dua parameter opsional:

Acara objek - yang dapat berisi jQuery acara sifat (misalnya event.target, event.type , dll) Lihat jQuery Acara Referensi untuk informasi lebih lanjut

Data objek - berisi berikut:

  • url (string) - berisi URL absolut atau relatif halaman (yang dikirim ke $.mobile.loadPage() )
  • absUrl (string) - berisi referensi absolut dari URL
  • dataUrl (string) - berisi URL dari lokasi browser
  • options (object) - berisi opsi yang dikirim ke $.mobile.loadPage()
  • xhr (object) - berisi objek XMLHttpRequest (Dikirim sebagai argumen ke-3 untuk $.ajax() sukses callback)
  • textStatus (string or null) - berisi status permintaan ( "success" atau "null" ) (Dikirim sebagai 2 argumen untuk $.ajax() error callback)

Coba Sendiri - Contoh

Sebuah demonstrasi peristiwa terkait
Sebuah demonstrasi pagecontainerload dan pagecontainerloadfailed.

Acara objek
Menggunakan properti event.type untuk kembali jenis acara dipicu.

Data objek
Menggunakan data.url untuk mengembalikan URL dari halaman eksternal.

<JQuery Mobile Acara