jQuery防止重复绑定事件的解决方法
来源:互联网 发布:oa协同软件 编辑:程序博客网 时间:2024/06/15 02:06
这篇文章主要介绍了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 再on
function 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();});
阅读全文
0 0
- jQuery防止重复绑定事件的解决方法
- jQuery 重复绑定事件的解决方法
- jQuery中防止重复绑定事件的问题
- jQuery重复绑定事件
- JQuery事件重复绑定
- jQuery中重复绑定事件的解决
- jquery事件重复绑定解决办法
- jquery事件重复绑定解决办法
- jquery重复绑定事件问题
- jquery事件重复绑定解决办法
- jquery事件重复绑定解决办法
- jquery事件重复绑定解决办法
- 用Jquery 的一些收获 事件删除 重复绑定事件
- jQuery 防止相同的事件快速重复触发
- 关于jquery绑定事件重复触发的处理
- 防止重复提交的解决方法
- Jquery动态添加节点,绑定事件失效的解决方法
- JQuery给元素绑定click事件多次执行的解决方法
- 添加分割线
- 稳坐HPC TOP500中国第一 联想HPC以实力绘制蓝图
- 动画机制总结
- Qt之复制文件夹
- 第100篇博客祭
- jQuery防止重复绑定事件的解决方法
- c++ 中的各种进制转换函数整理
- Hibernate综合运用内部留言本(五)
- UI绘制
- 201712011916->unity接sharesdk
- RabbitMQ之四 Routinig
- EasyUI tree 实现点击展开/折叠
- VS2015调试程序
- Java之Classloader