Saturday, October 15, 2011

jQuery : การใช้งานคำสั่ง delegate

คำสั่ง delegete มีไว้เพื่อผูก event เข้ากับ elements ต่าง ๆ ที่อยู่ภายในเอกสาร HTML คล้าย ๆ กับคำสั่ง bind นั่นเอง ซึ่งตัวอย่างมีดังนี้


โค้ดแสดงการกำหนดคำสั่ง delegete โดยจะผูก event เข้ากับแท็ก div ซึ่งเมื่อทำการคลิกที่ช่อง div ก็จะเป็นการเรียกใช้คำสั่ง toggleClass เพื่อสลับการเพิ่ม-ลบคลาสที่มีชื่อว่า old_k โดยภายในคลาสนี้จะกำหนดพื้นหลังเป็นสีส้มที่ส่วนของสไตล์ชีท สำหรับแท็กใน HTML มีดังนี้
ส่วนของ JavaScript


สำหรับสไตล์ชีทที่เขียนมีรายละเอียดดังนี้

No comments:

Post a Comment