ตัวอย่าง
เมื่อ <p> องค์ประกอบภายใน <div> องค์ประกอบที่มีการคลิกเปลี่ยนสีพื้นหลังของ <p> องค์ประกอบ:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
}); ลองตัวเอง» ความหมายและการใช้งาน
delegate() วิธีการยึดติดหนึ่งหรือมากกว่าตัวจัดการเหตุการณ์สำหรับองค์ประกอบที่ระบุว่าเป็นลูกขององค์ประกอบเลือกและระบุฟังก์ชั่นการทำงานเมื่อเหตุการณ์เกิดขึ้น
จัดการเหตุการณ์ที่แนบมาใช้ delegate() วิธีการจะทำงานให้องค์ประกอบทั้งในปัจจุบันและอนาคต (เช่นองค์ประกอบใหม่ที่สร้างขึ้นโดยสคริปต์)
ในฐานะของ jQuery รุ่น 1.7 ที่ on() วิธีการเป็นวิธีที่ต้องการสำหรับการแนบจัดการเหตุการณ์สำหรับองค์ประกอบที่เลือก
วากยสัมพันธ์
$(selector).delegate(childSelector,event,data,function)
| พารามิเตอร์ | ลักษณะ |
|---|---|
| childSelector | จำเป็นต้องใช้ ระบุหนึ่งหรือมากกว่าหนึ่งองค์ประกอบของเด็กที่จะแนบจัดการเหตุการณ์ที่จะ |
| event | จำเป็นต้องใช้ ระบุหนึ่งหรือมากกว่าหนึ่งเหตุการณ์ที่จะแนบไปกับองค์ประกอบ ค่าเหตุการณ์หลายถูกแยกออกจากพื้นที่ จะต้องเป็นเหตุการณ์ที่ถูกต้อง |
| data | ไม่จำเป็น ระบุข้อมูลเพิ่มเติมที่จะผ่านไปพร้อมกับฟังก์ชั่น |
| function | จำเป็นต้องใช้ ระบุฟังก์ชันการทำงานเมื่อมีเหตุการณ์เกิดขึ้น |
ลองตัวเอง - ตัวอย่าง
เพิ่มตัวจัดการเหตุการณ์สำหรับองค์ประกอบในอนาคต
วิธีการใช้ delegate() วิธีการที่จะเพิ่มการจัดการเหตุการณ์สำหรับองค์ประกอบยังไม่ได้สร้าง
ผ่านพร้อมข้อมูลไปยังฟังก์ชั่น
วิธีที่จะผ่านพร้อมข้อมูลไปยังตัวจัดการเหตุการณ์ที่มีชื่อที่กำหนดเอง