注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

编程浪子的梦博客

博客地址:www.54php.cn

 
 
 

日志

 
 

jquery 事件 多次绑定,多次触发,怎么清除历史绑定事件  

2016-01-28 17:20:21|  分类: 1 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Jquery在处理事件的时候有时候会遇到预想不到的结果


如下

<a id="link_foo">Foo</a>
<script type="text/javascript">
    function bindFooClick(){
      $("#link_foo").click(function(){
        console.log("www.vincentguo.cn");
      });
    }
    bindFooClick();
    bindFooClick();
    bindFooClick();
    bindFooClick();
</script>


然后去点击 Foo 这个连接,将会出现4个日志输出

如果不小心这个事件绑定被搞得成倍增长了,那就等着暴掉吧。

所以需要在 bindFooClick 绑定事件前去掉之前的绑定

function bindFooClick(){
      $("#link_foo").unbind("click").click(function(){
        console.log("www.vincentguo.cn");
      });
}





原文地址:jquery 事件 多次绑定,多次触发,怎么清除历史绑定事件
标签:jquery   click   重复   重叠   多次   

智能推荐

  评论这张
 
阅读(1)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018