jQuery load()วิธี การ
ตัวอย่าง
แจ้งเตือนข้อความเมื่อโหลดรูปภาพเต็ม:
$("img").load(function(){
alert("Image loaded.");
});
ความหมายและการใช้งาน
วิธีการ load() เลิกใช้แล้ว ใน jQuery เวอร์ชัน 1.8 และลบออกในเวอร์ชัน 3.0
load() วิธีการแนบตัวจัดการเหตุการณ์กับเหตุการณ์การโหลด
เหตุการณ์โหลดเกิดขึ้นเมื่อโหลดองค์ประกอบที่ระบุแล้ว
เหตุการณ์นี้ทำงานกับองค์ประกอบที่เกี่ยวข้องกับ URL (รูปภาพ สคริปต์ เฟรม iframe) และวัตถุหน้าต่าง
เหตุการณ์การโหลดอาจไม่ทริกเกอร์หากแคชรูปภาพ (Firefox และ IE) ทั้งนี้ขึ้นอยู่กับเบราว์เซอร์
หมายเหตุ:นอกจากนี้ยังมีเมธอด jQuery AJAXที่เรียกว่า load() อันไหนเรียกว่าขึ้นอยู่กับพารามิเตอร์
ไวยากรณ์
$(selector).load(function)
| Parameter | Description |
|---|---|
| function | Required. Specifies the function to run when the specified element is done loading |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีเปลี่ยนข้อความขององค์ประกอบ <div> เมื่อโหลดรูปภาพจนเต็ม
วิธีแจ้งเตือนข้อความเมื่อวัตถุหน้าต่างโหลดเต็มรวมถึงรูปภาพ