jQuery live()เมธอด
ตัวอย่าง
ซ่อนหรือแสดง <p> องค์ประกอบเมื่อคลิกปุ่ม:
$("button").live("click", function(){
$("p").slideToggle();
});
ความหมายและการใช้งาน
เมธอด live() เลิกใช้แล้ว ใน jQuery เวอร์ชัน 1.7 และลบออกในเวอร์ชัน 1.9 ใช้วิธีon()แทน
เมธอด live() แนบตัวจัดการเหตุการณ์ตั้งแต่หนึ่งตัวขึ้นไปสำหรับองค์ประกอบที่เลือก และระบุฟังก์ชันที่จะเรียกใช้เมื่อเหตุการณ์เกิดขึ้น
ตัวจัดการเหตุการณ์ที่แนบมาโดยใช้เมธอด live() จะทำงานสำหรับองค์ประกอบทั้งในปัจจุบันและอนาคตที่ตรงกับตัวเลือก (เช่น องค์ประกอบใหม่ที่สร้างโดยสคริปต์)
เคล็ดลับ:หากต้องการลบตัวจัดการเหตุการณ์ ให้ใช้เมธอดdie()
ไวยากรณ์
$(selector).live(event,data,function)
Parameter | Description |
---|---|
event | Required. Specifies one or more events to attach to the elements. Multiple event values are separated by space. Must be a valid event. |
data | Optional. Specifies additional data to pass along to the function |
function | Required. Specifies the function to run when the event occurs |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีใช้ live() วิธีการเพิ่มตัวจัดการเหตุการณ์สำหรับองค์ประกอบที่ยังไม่ได้สร้าง