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

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

因为需求需要给页面动态添加按钮并绑定点击事件进行操作,
但是发现绑定的点击事件失效。
原因分析:
append中的节点是在整个文档加载完之后开始添加,因此页面不会为append的元素初始化添加点击事件
按钮失效代码:
$(’.edit’).click(function(){
console.log(‘111111’);
})
解决办法:
使用事件委托的方式,将指定的事件绑定在document上。

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

如有问题欢迎指正呦~
微信:1319672314

猜你喜欢

转载自blog.csdn.net/weixin_44363139/article/details/107781809