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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值