Javascriptボタンの削除

Question

削除ボタンに問題がありました。

例：ドライバ1で削除を押して、いいえを選択した後、ドライバ2で削除を押して「はい」を選択します。ドライバ1も自動的に削除されます。

$(document).ready(function(){ 
$('#datatable tbody').on('click', '.delete', function(event) { 
    event.preventDefault(); 
    $('.modal-header h4').html($(this).data('title')); 
    $('.modal-body p').html($(this).data('message')); 
    var url = $(this).data('url'); 
    var datatable = $('#datatable').DataTable(); 
    $('#confirmDel').on('click', function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      headers: { 
       'X-CSRF-TOKEN': $('.modal-body input[name="_token"]').val() 
      }, 
      url: url, 
      type: "DELETE", 
      success: function (data) { 
       console.log(data); 
       datatable.ajax.reload(); 
       $.gritter.add(
        { 
        title: "Record has been deleted succesfully", 
       }); 
      }, 
      error: function (data) { 
       console.log(data); 
      } 
     }); 
     $('#modalDelete').modal('hide'); 
    }); 
}); 
}); 

任意のアイデア：

は、ここに私の削除ボタンのコードですか？

Answer 1

モーダル内にConfirmDelというIDの同じボタンを使用していますか？再びそれを結合する前に

$('#confirmDel').unbind('click'); 

：

は、ボタンイベントのバインドを解除してみ

$('#confirmDel').on('click', function(e) { ... 

Answer 2

私は、これはイベントバブルだと思います。子要素をクリックすると、親要素のclickイベントも発生します。

このような

トライ何か：

child.on('click', function(e){ 
    e.stopPropagation(); 
});