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