Jquery点击事件连续执行多次

博客探讨了在jQuery中遇到的问题:点击事件多次执行导致后台连续接收请求。原因是每次调用事件绑定时增加了新的监听器。解决方案是使用unbind()先解除绑定,再使用bind()进行新的绑定。错误示例与正确写法对比展示了避免事件累加的方法。

最近写界面点击事件时,第一次执行好好的,控制台输出一个结果,但再执行几次的时候就连续出现了相同的输出结果,给后台也是连续传送的,所以后台也连续返回了几个结果,是什么原因呢?

原来是由于jquery点击事件有累加绑定,每调用一次时,便增加一次绑定,所以需要先解绑之前的,在绑定新的。

错误写法
$(document).on('click','.edit2',function() {
.........
});

在这里插入图片描述

正确写法
$(".edit2").unbind("click").bind('click','',function() {
........
});

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值