Javascript 单击tr函数多次激发jquerydatatable

当我在表格上选择一行，然后单击我的“添加行”按钮时，会添加一行。然后我点击另一行，然后点击“添加行”，它会添加两行。每次单击另一行时，添加的行数也会增加。如何使每次只添加一行

我很确定这是由于另一个点击事件中的点击事件造成的，但我不确定如何解决这个问题

我的当前事件添加行：

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


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

    } );

} );

试试这个：

$(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

listener移出

tr

listener

---

希望这些工作

嗯，不幸的是，仍然有同样的问题。我已经更新了代码。你会使用$（“#addBtn”）。分离（“单击”）；不幸的是，没有任何变化。或此$（'#addBtn'）。关闭（'click'）；我正在浏览jQuery文档，很抱歉弄错了无需担心，我还是很感谢您的帮助！仍然有同样的问题关闭。