[JQuery] การ catch event ของ dynamic DOM ด้วย funcion "on"
background
โดยปกติแล้ว html ที่เราเขียนขึ้นในโค้ดทั่วไปจะเรียกว่า static DOM ส่วนนี้เราสามารถึที่จะใช้คำสั่ง JQuery ทั่วไปได้โดยตรง แต่หากมี html บางส่วนที่เราสร้างขึ้นหลังจากการโหลด page (เช่นการใช้คำสั่ง $("selector").html(value)) แบบนี้จะเรียกว่า dynamic DOM ซึ่งจะต้องใช้คำสั่งพิเศษจึงจะสามารถ access เข้าไปได้การใช้งาน
.on( events [, selector ] [, data ] )
ที่มา: http://api.jquery.com/on/
สำหรับ JQuery version 1.7 ขึ้นไปเท่านั้น
ตัวอย่าง
<script type="text/javascript">
$(function () {
$(document).on("click", "#btn", function () {
$("#spn").text("Button has been clicked.");
});
});
</script>
<h2>.on()</h2>
<br />
<button id="btn">Click Me</button>
<br />
<span id="spn"></span>
Gooder
ตอบลบ