jQuery的点击触发点击函数内多次

Question

我添加代码摘录此链接http://jsfiddle.net/rUbD8/1/

我创建的jsfiddle的结果部分以下3个手风琴滑块上的姓名您的滑块： 首页，关于和联系

当我点击删除它按钮上的主页滑块将其写入的console.log 3次 然后当我点击删除它上的关于滑块它写入console.log 2次

有人可以告诉我为什么它这样做，以及如何防止它多次发射？

Answer 1

这样做是因为每次添加新元素时都要连接事件。

要解决，移动click事件处理出来的地方是，通过一个真实的事件处理程序（为新项目显示器）：

http://jsfiddle.net/rUbD8/3/

jQuery('.slider_holder').on('click', '.deleteMe', function(e) { 
    header = jQuery(e.target).parent().prev(); 
    container = jQuery(e.target).parent(); 

    console.log(e.target); 

    header.fadeOut('slow',function(){ 
     jQuery(this).remove(); 
    }); 
    container.slideUp('normal',function(){ 
     jQuery(this).remove(); 
    }); 
}); 

Answer 2

这是因为每次添加滑块点击功能势必与“DELETEME”类的元素，你可以尝试

jQuery('.deleteMe').unbind('click').click(function(e){}) ... 

为速战速决