jQuery中重复绑定事件的解决

原文地址戳这里：http://hi.baidu.com/hy0kl/item/c17036f6b0993b0885d2784d

现象: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      });