jquery 动态增加的html使得click事件失效
在jQuery中，动态增加的HTML元素上的事件监听默认是不会自动绑定的。这是因为事件委托是基于现有DOM元素的，动态添加的元素没有相应的事件监听器。
解决方法是使用.on()方法，并指定一个在DOM中已经存在的不会改变的父元素来绑定事件。这样，即使是后来动态添加的元素，只要它们是该父元素的子元素，也会触发绑定的事件。
示例代码：
$(document).ready(function() {
// 假设你要绑定click事件到class为.dynamic-content的元素上
$(document).on('click', '.dynamic-content', function() {
alert('Click event fired!');
});
// 动态添加HTML内容
$('body').append('<div class="dynamic-content">Dynamic Content</div>');
});在上面的代码中，我们绑定了一个click事件到document上，但指定了要监听的元素为.dynamic-content。即使.dynamic-content是后来动态添加的，它依然会触发click事件，因为事件是委托给document的。
记住，尽可能使用最接近的不会改变的父元素来提高效率和性能。
评论已关闭