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

为什么80%的码农都做不了架构师？>>>   

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

如下

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

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

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

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

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

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

智能推荐

• MYSQL 命令行显示乱码 解决方案
• 【git】删除某个文件的所有历史记录，批量删除远程分支
• Nginx 禁用IP IP段
• 【个人重点】开发中应该重视的几点
• Ngrok NatApp 微信本地化调试利器

转载于:https://my.oschina.net/54php/blog/611026