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听众希望这些工作！

点击tr函数上的jQuery Datatable多次触发

1 个答案: