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){}) ... 

爲速戰速決