JQuery中的click重复执行现象

现象:

用jquery绑定的click事件,在第一次执行的时候执行了一次,在第二次执行的时候执行了两次,依次类推。。。第n次执行的时候,执行了n次。

原因:

jquery绑定的click事件会在原基础的基础上进行追加,第二个click事件会追加到第一个click事件上,所以执行了两次

解决方法:

在进行click事件之前,对上一个click事件进行解绑。

代码如下:

$(".aaa").unbind("click");
$(".aaa").bind("click",function(){
    alert("aaa")
});

也可以这样:
$(".aaa").unbind("click")..bind("click",function(){ alert("aaa") });
 
时间: 2024-08-19 00:45:02

JQuery中的click重复执行现象的相关文章

javaScript中的onclick与jquery中的click区别

来来来,先看一个例子: html部分,定义几个按钮 <div class="carousel-btn"> <button class="btn"></button> <button class="btn"></button> <button class="btn"></button> <button class="btn&quo

JQuery中如何click中传递参数

代码如下: click(data,fn)中的data其实是json对象,取的时候,只能通过当前的事件源来取,data是默认放在event中的,所以这里的data是eventdata,引用的时候也使用event.data.name,也就是说JQuery中的所有触发时间的方法,需要传递参数都可以通过eventdata对象来传递参数

jQuery使用伪递归重复执行动画

使用setInterval()来重复执行动画,会因为动画执行过程的时候,setInterval()的时间依然是在走的,所以会导致动画的调用时间不理想,因此只能使用递归来重复执行动画. // 首页LOGO渐显 $(function(){ var t=$('#home_main img'); setTimeout(function(){ //首次执行动画间隔0.5秒 (function am(){ //创建动画函数立即执行 t.animate({"opacity":1},1200,func

使用jquery中的click点击事件时出现重复问题的解决

枪响之后,没有赢家. 疫情之时,没有能闲着的医疗相关人员. 别误会,我不是医疗工作者,只是我们做的项目跟医疗服务相关,在这个时候,又怎么能置身事外呢. 所以就开始加班加点呀,嗯.....加的头昏脑胀,代码都写的有点不顺溜了. 之前做的一个项目,有点问题,点击选项的次数过多的时候会卡住,前天一直没发现问题在哪,今天在翻新的时候找到原因了. 由于选项都是获取数据渲染上去的,点击事件也是在渲染完成后绑定上去的,所以造成了重复触发点击的情况,导致点击次数过多时,页面会卡住. 搜了一下找到了解决方法,由于

jQuery中click事件多次触发解决方案

jQuery 中元素的click事件中绑定其他元素的click事件. 因为jQuery中的click事件会累计绑定,导致事件注册越来越多. 解决方案: 1.能够避开,避免把click事件绑定到其他元素的例如click,hover等事件中. 2.不能避开,使用unbind("click"),然后再bind("click").

jQuery中的事件与动画 (你的明天Via Via)

众所周知,页面在加载时,会触发load事件:当用户单击某个按钮时,会触发该按钮的click事件. 这些事件就像日常生活中,人们按下开关,灯就亮了(或者灭了),往游戏机里投入游戏币就可以启动游戏一样, 通过种种事件实现各项功能或执行某项操作.事件在元素对象与功能代码中起着重要的桥梁作用. 在jQuery中,事件总体分为两大类:简单事件和复合事件. jQuery中的简单事件,与JavaScript中的事件几乎一样,都含有window事件.鼠标事件.键盘事件.表单事件等, 只是其对应的方法名称有略微不

Jquery中的事件命名机制

来源:aitangyong的专栏 JQuery中的bind()和unbind(),提供了事件的绑定和取消机制,既可以绑定html默认支持的事件,也能够绑定自定义的事件.JQuery支持自定义事件,这显然给编程带来了极大的灵活性.下面就一起学习下,jquery事件处理的一些特性. 1.JQuery中事件可以重复绑定,不会覆盖. 1 2 3 4 5 6 $("#button1").bind("click",function(){     alert("func

JQuery中的bind()和unbind()的理解

bind()和unbind()提供了事件的绑定和取消机制,既可以绑定html默认支持的事件,也能够绑定自定义的事件. 1.JQuery中事件可以重复绑定,不会覆盖. 1 $("#button1").bind("click",function(){ 2 alert("func1"); 3 }); 4 $("#button1").bind("click",function(){ 5 alert("fu

jquery click点击事件重复执行多次

$("button[name^='privateBtn']").click(function(){ alert('demo'); //接触绑定.避免重复执行 $("button[name!='privateBtn']").unbind('click'); });