2016-10-14 195 views
0

我遇到了删除按钮问题。Javascript按钮删除

例如:我在驱动程序1处按删除,然后选择no,然后在驱动程序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'); 
    }); 
}); 
}); 

任何想法?

+0

你确定这不是一个服务器端的问题呢? – Alessandro

+0

哦,可能你必须使用'one'来代替'on'来绑定__confirmDel__按钮上的点击事件。 – Alessandro

+0

@AlessandroMaglioccola不应该是一个服务器端问题。我试过一个还没有工作。 –

回答

0

您是否在模式中使用ID为ConfirmDel的按钮?

尝试解除绑定按钮事件:

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

之前再结合它:

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

我觉得这是一个事件的泡沫。点击子元素也会触发父元素上的点击事件。

尝试这样:

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

仍然无法正常工作.. –

+0

这是您的完整码?粘贴完整的driver1和driver2代码将会有所帮助 –