首頁 > web前端 > jquery on() 方法綁定動態元素

jquery on() 方法綁定動態元素

2015年7月8日

jQuery on()方法是官方推薦的綁定事件的一個方法。使用 on() 方法可以給將來動態創建的動態元素綁定指定的事件,例如append等。

<div id="test">
    <div class="evt">evt1</div>
</div>

錯誤的用法,下面方法只為第一個class 為 evt 的div 綁定了click事件,使用append動態創建的div則沒有綁定

<script>
    // 先綁定事件再添加div
    $('#test .evt').on('click', function() {alert($(this).text())});
    $('#test').append('<div class="evt">evt2</div>');
</script>

正確的用法如下:

<script>
    $('body').on('click', '#test .evt', function() {alert($(this).text())});
    $('#test').append('<div class="evt">evt2</div>');
</script>


歡迎轉載,轉載請注明文章出處,謝謝!
垃圾有點差湊合看還不錯很精彩 (2 人打了份: 平均分:5.00)
Loading...Loading...
分類: web前端 標簽:
本文的評論功能被關閉了.

無覓相關文章插件,快速提升流量

30选5怎么中奖