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

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");
      });
}




QQ群

QQ群1: 325264502

QQ群2: 730089859

微信机器人

微信扫码
自动加微信群

个人微信

微信扫码
和浪子聊天

微信服务号

微信扫码
加入服务号

Linux课程

快速上手Linux 玩转典型应用 在慕课官方已下线,如有需要请加我个人微信联系

返回顶部