您的位置:首页 > Web前端 > JQuery

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

2016-01-28 17:20 871 查看
Jquery在处理事件的时候有时候会遇到预想不到的结果

如下
<a id="link_foo">Foo
<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 重复 重叠 多次

智能推荐

MYSQL 命令行显示乱码 解决方案
In MySQL, a zero number equals any string
【Git 使用笔记】第二部分:基本命令 和 单分支开发
【大学四年】怀念那四年的岁月
估值十亿美元、1.5亿用户,公司CEO却跑路了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript jquery function