ล่าสุดการพัฒนาเว็บบทเรียน
 

เหตุการณ์ pageLoad jQuery

<เหตุการณ์ jQuery มือถือ

ตัวอย่าง

แจ้งเตือนข้อความบางอย่างเมื่อหน้าภายนอกได้รับการโหลดและประสบความสำเร็จแทรกลงใน DOM นี้:

$(document).on("pageload",function(){
  alert("pageload event fired!");
});
ลองตัวเอง»

ความหมายและการใช้งาน

เหตุการณ์ pageLoad ถูกคัดค้านใน jQuery เวอร์ชัน 1.4.0 ใช้ pagecontainerload เหตุการณ์แทน

เหตุการณ์ pageLoad ถูกเรียกหลังหน้าได้รับการโหลดเสร็จเรียบร้อยแล้วและใส่ลงใน DOM

เหตุการณ์ที่เกี่ยวข้อง:

  • pagebeforeload - เรียกร้องขอก่อนที่จะโหลดใด ๆ ที่จะทำ
  • pageloadfailed - เรียกหากคำขอการโหลดหน้าล้มเหลว

หมายเหตุ: เหตุการณ์เหล่านี้จะใช้สำหรับหน้าเว็บภายนอก - เมื่อใดก็ตามที่หน้าภายนอกถูกโหลดลงใน DOM 2 เหตุการณ์ถูกยิง ที่แรกก็คือ pagebeforeload เหตุการณ์ที่ 2 จะมีทั้ง pageLoad หรือ pageloadfailed

วากยสัมพันธ์

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

พารามิเตอร์ ลักษณะ
function(event,data) จำเป็นต้องใช้ ระบุฟังก์ชั่นในการทำงานเมื่อมีเหตุการณ์เกิดขึ้น pageLoad

ฟังก์ชั่นมีสองพารามิเตอร์ดังนี้

วัตถุเหตุการณ์ - ซึ่งสามารถมีคุณสมบัติใด ๆ เหตุการณ์ jQuery (เช่น event.target, event.type อื่น ๆ ) ดู jQuery เหตุการณ์อ้างอิง สำหรับข้อมูลเพิ่มเติม

วัตถุข้อมูล - มีดังต่อไปนี้:

  • url (string) - มี URL ที่แน่นอนหรือญาติของหน้า (ที่ถูกส่งไปยัง $.mobile.loadPage() )
  • absUrl (string) - มีการอ้างอิงที่แน่นอนของ URL
  • dataUrl (string) - มีสถานที่ตั้ง URL ของเบราว์เซอร์
  • options (object) - มีตัวเลือกที่ถูกส่งไปยัง $.mobile.loadPage()
  • xhr (object) - มีวัตถุ XMLHttpRequest (ส่งเป็นอาร์กิวเมนต์ที่ 3 $.ajax() ประสบความสำเร็จในการติดต่อกลับ)
  • textStatus (string or null) - มีสถานะของคำขอ (เช่น "success" หรือ "null" ) (ส่งเป็นอาร์กิวเมนต์ที่ 2 $.ajax() ข้อผิดพลาดการติดต่อกลับ)

ลองตัวเอง - ตัวอย่าง

การสาธิตการเหตุการณ์ที่เกี่ยวข้อง
การสาธิตการ pageLoad และ pageloadfailed

วัตถุเหตุการณ์
ใช้ทรัพย์สิน event.type เพื่อกลับชนิดเหตุการณ์ใด

วัตถุข้อมูล
ใช้ data.url จะกลับ URL ของหน้าเว็บภายนอก

<เหตุการณ์ jQuery มือถือ