jQuery Datatable on click tr函数触发多次

Question

当我在表上选择一行时，然后单击“添加行”按钮，将添加一行。 然后，我单击另一行，然后单击“添加行”，它将添加两行。 每次我单击另一行时，添加的行数也会增加。 我该如何做，所以每次只能添加一行？

我很确定这是由于另一个click事件中的click事件引起的，但是我不确定如何解决该问题。

我当前的事件添加行：

$(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侦听器
希望这些工作！