點擊tr函數jQuery Datatable多次觸發

Question

當我在表格上選擇一行時，點擊我的「添加行」按鈕，添加一行。然後我點擊另一行，然後點擊「添加行」，它添加了兩行。每次我點擊另一行時，添加的行數也會增加。我如何做到這一點，所以每次只添加一行？

我很確定它是由於另一個點擊事件中的點擊事件，但我不知道如何解決該問題。

我目前的情況下添加行：

$(document).on('click', 'tr', function() { 
    var t = $('#data-table').DataTable(); 
    $('#data-table').dataTable(); 


    $('#addbtn').on('click', function() { 
     t.row.add([ 
      'New Group' 
     ]).draw(false); 

    }); 

}); 

Answer 1

試試這個：

$(document).on('click', 'tr', function() { 
var t = $('#data-table').DataTable(); 
$('#data-table').dataTable(); 


$('#addbtn').on('click', function() { 
    t.row.add([ 
     'New Group' 
    ]).draw(false); 
    //This removes the listener when you are done with it 
    //And it will create another when you click again 
    $("#addbtn").off("click"); 

}); 
}); 

，或者你可以基本上動議addbtn聽者出tr聽者的
希望這些工作！