共计 316 个字符,预计需要花费 1 分钟才能阅读完成。
on 前面的元素也必须在页面加载的时候就存在于 dom 里面。动态的元素或者样式等,可以放在 on 的第二个参数里面,
在 jQuery 中,如果你动态追加的元素上的事件失效,那么很可能是因为你在元素还未被添加到 DOM 中就绑定了事件。解决这个问题的方法是使用事件委托,事件委托可以在不直接绑定到每个元素的情况下,为未来可能会添加到 DOM 中的元素添加事件监听器。
$(document).on(‘click’, ‘.your-new-element-class’, function() {
// 处理点击事件
console.log(‘Element clicked!’);
});
原文地址: jquery 动态追加的元素添加点击事件,(如果点击事件失效 …)
正文完