博客

jQuery动态添加按钮，绑定点击事件失效

因为需求需要给页面动态添加按钮并绑定点击事件进行操作，

但是发现绑定的点击事件失效。


原因分析：


append中的节点是在整个文档加载完之后开始添加，因此页面不会为append的元素初始化添加点击事件

按钮失效代码：

$(’.edit’).click(function(){


console.log(‘111111’);

})


解决办法：


使用事件委托的方式，将指定的事件绑定在document上。

$(document).on('click','.edit',function(){
    console.log('111111');
})

$(document).on('事件名称','操作的元素',function(){
	需要执行的逻辑
})

如有问题欢迎指正呦~

微信：1319672314