jQuery防止重复绑定事件的解决方法
2017-12-01 19:18
423 查看
这篇文章主要介绍了jQuery防止重复绑定事件的解决方法,结合实例形式分析了jQuery的重复绑定问题与相应的解决方法,需要的朋友可以参考下
本文实例分析了jQuery防止重复绑定事件的解决方法。分享给大家供大家参考,具体如下:
一、问题:
今天发现jQuery一个对象的事件可以重复绑定多次,当事件触发的时候会引起代码多遍执行。
下面是一个click事件被重复绑定的示例:
function reg_button_click(){
$("#button).click(function(){
alert("button click");
});
}
$(document).ready(function(){
#重复注册3次
reg_button_click();
reg_button_click();
reg_button_click();
#触发的时候 出现3个alert
$('#button').click();
});
二、解决方法:
对于需要重复绑定的场景,再事件注册时候考虑用先unbind 再bind的方法;或者先off 再onfunction reg_button_click(){
$("#button).unbind('click').bind('click',(function(){
alert("button click");
});
}
$(document).ready(function(){
#重复注册3次
reg_button_click();
reg_button_click();
reg_button_click();
#触发的时候 出现3个alert
$('#button').click();
});
本文实例分析了jQuery防止重复绑定事件的解决方法。分享给大家供大家参考,具体如下:
一、问题:
今天发现jQuery一个对象的事件可以重复绑定多次,当事件触发的时候会引起代码多遍执行。
下面是一个click事件被重复绑定的示例:
function reg_button_click(){
$("#button).click(function(){
alert("button click");
});
}
$(document).ready(function(){
#重复注册3次
reg_button_click();
reg_button_click();
reg_button_click();
#触发的时候 出现3个alert
$('#button').click();
});
二、解决方法:
对于需要重复绑定的场景,再事件注册时候考虑用先unbind 再bind的方法;或者先off 再onfunction reg_button_click(){
$("#button).unbind('click').bind('click',(function(){
alert("button click");
});
}
$(document).ready(function(){
#重复注册3次
reg_button_click();
reg_button_click();
reg_button_click();
#触发的时候 出现3个alert
$('#button').click();
});
相关文章推荐
- jQuery防止重复绑定事件的解决方法
- jQuery防止重复绑定事件的解决方法
- jquery事件重复绑定的快速解决方法
- jQuery 重复绑定事件的解决方法
- jquery事件重复绑定的快速解决方法
- jquery事件重复绑定的快速解决方法
- jquery事件重复绑定解决办法
- jquery事件重复绑定解决办法
- jQuery绑定和解绑点击事件及重复绑定解决办法
- jQuery中重复绑定事件的解决
- 对于jquery 新加载的元素绑定事件无效的解决方法
- Jquery动态添加节点,绑定事件失效的解决方法
- jQuery 防止相同的事件快速重复触发方法
- jQuery动态添加元素无法触发绑定事件的解决方法分析
- jquery事件重复绑定解决办法
- jquery事件重复绑定解决办法
- Jquery对新插入的节点 绑定Click事件失效的解决方法
- Jquery对新插入的节点 绑定Click事件失效的解决方法
- 【jQuery】绑定和解绑点击事件及重复绑定解决办法
- jquery live 重复绑定事件解决办法