Jquery点击事件连续执行多次

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

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

错误写法

$(document).on('click','.edit2',function() {
.........
});

正确写法

$(".edit2").unbind("click").bind('click','',function() {
........
});

Jquery点击事件连续执行多次相关推荐

elementUI勾选框绑定点击事件连续执行两次处理
事件冒泡机制导致,使用.prevent阻止默认事件,可以解决这个问题. <div @click.stop.prevent="checkboxOnclick(id)">& ...
ajax点击事件触发后台,使用jquery点击事件触发AJAX
我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...
关于前端 js 点击事件重复执行
前言描述:本文用来记录,解决点击事件重复执行的几种办法. 实例代码: myChart.on("click",function (){}) 解决办法: 一.使用 myChart. ...
jquery 点击事件切换样式
jquery 点击事件切换样式 $('#FatherName').on('click', '.ClassName', function(e){$('.ClassName').removeClass(' ...
jQuery点击事件在iOS失效
1.jQuery点击事件,在Android手机上点击事件是可以的,但是iOS手机没反应. js 生成的DOM,不是HTML写的用 $('.btn').on("click",f ...
jQuery 点击事件冲突
jQuery 点击事件冲突:img上有点击方法,btn在img上也有点击方法:点击btn时会同时触发两者事件在btn的onclick事件里加上阻止冒泡:JQuery的 : event.stopP ...
jquery 点击事件第一次点击选中第二次点击改变状态
jquery点击事件第一次选中:第二次消失 $("#myCard li").val(1); $("#myCard li").click(functio ...
jquery 点击事件点击元素添加和移除class
jquery 点击事件点击元素添加和移除class 怎么实现点击一个元素给它添加class,再点击一个元素移除上一个元素的class,再给现在点击的元素添加class <div class=&q ...
jquery中点击事件click的写法
jquery中点击事件click的写法: <input type="button" "test1()" id="btn1" value ...

Jquery点击事件连续执行多次

错误写法

正确写法

Jquery点击事件连续执行多次相关推荐

最新文章

热门文章