jQuery DatTable on click tr関数が複数回起動する

Question

テーブルの行を選択し、「Add Row」ボタンをクリックすると、1行が追加されます。次に、別の行をクリックし、「行を追加」をクリックすると、2行追加されます。別の行をクリックするたびに、追加される行数も増えます。毎回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); 

    }); 

}); 

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"); 

}); 
}); 

か、基本的にtrリスナー
は、これらの仕事を希望のうち、そのaddbtnリスナーを移動することができます！