通過監聽父級容器下匹配子元素進行事件綁定

<div?id="test1"><input?type="button"?class="btn"?value="按鈕1"/><input?type="button"?class="btn"?value="按鈕1"/><input?type="button"?class="btn"?value="按鈕1"/><p></p> </div> <input?type="button"?class="add"?value="加一個按鈕"?/> <script?type="text/javascript"?src="js/jquery-1.10.2.min.js"></script> <script?type="application/javascript">$(function(){$('#test1').on('click','.btn',function(){alert('綁定有效1')});$('.add').on('click',function(){$('#test1').append('<input?type="button"?class="btn"?value="按鈕2"/>')});}); </script>

$('.add').on('click',function(){$('#test1').append('<input?type="button"?class="btn"?value="按鈕2"/>');???$('.btn').on('click',function(){}); });

轉載于:https://blog.51cto.com/11985146/1841297

總結

以上是生活随笔為你收集整理的动态新增元素的js无效的解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。