jQuery中重复绑定事件的解决
2014-11-28 11:12
453 查看
原文地址戳这里:http://hi.baidu.com/hy0kl/item/c17036f6b0993b0885d2784d
现象:ajax 取数据,一个点击,多次相同请求,还会叠加,越点越多.
分析: 绑定事件到元素上与文档流有关.如果每次元素都是重新用 JS 动态生态,而后又用 JS 给刚生成的 DOM 元素绑定事件,通常不会出现重复绑定的 bug.但如果文档流是服务器发送的,而且没有进行过重新生成的操作,那么以后所有的绑定操作都会在它身上起作用,通过 JS 特有的链式操作一一被执行,直到链式操作结束,或冒泡事件结束,或显示的遇到
return false; 为止,而且同时执行效果取决于运行时序.
解决方法:先将原来的事件注销,再重新绑定一次.
代码:
现象:ajax 取数据,一个点击,多次相同请求,还会叠加,越点越多.
分析: 绑定事件到元素上与文档流有关.如果每次元素都是重新用 JS 动态生态,而后又用 JS 给刚生成的 DOM 元素绑定事件,通常不会出现重复绑定的 bug.但如果文档流是服务器发送的,而且没有进行过重新生成的操作,那么以后所有的绑定操作都会在它身上起作用,通过 JS 特有的链式操作一一被执行,直到链式操作结束,或冒泡事件结束,或显示的遇到
return false; 为止,而且同时执行效果取决于运行时序.
解决方法:先将原来的事件注销,再重新绑定一次.
代码:
276 $('#action_list > li').each(function(){ 278 $(this).unbind('click') 279 .bind('click', function(){ 280 /** some code*/ 285 }); 286 });
相关文章推荐
- jquery事件重复绑定解决办法
- jquery事件重复绑定解决办法
- jQuery防止重复绑定事件的解决方法
- jquery事件重复绑定解决办法
- jquery事件重复绑定解决办法
- jquery事件重复绑定的快速解决方法
- jquery事件重复绑定解决办法
- jquery事件重复绑定解决办法
- 【jQuery】绑定和解绑点击事件及重复绑定解决办法
- jquery事件重复绑定解决办法
- jQuery防止重复绑定事件的解决方法
- jquery事件重复绑定解决办法
- jquery事件重复绑定的快速解决方法
- jQuery防止重复绑定事件的解决方法
- jquery live 重复绑定事件解决办法
- jquery事件重复绑定解决办法
- jquery事件重复绑定的快速解决方法
- jQuery 重复绑定事件的解决方法
- jQuery绑定和解绑点击事件及重复绑定解决办法
- jquery事件重复绑定解决办法