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

你是否在模态中使用id为ConfirmDel的相同按钮？

尝试取消绑定按钮事件：

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

再次绑定之前：

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

Answer 2

我认为这是一个事件泡沫。单击子元素将触发

单击父元素上的事件。

尝试这样的事情：

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

Javascript按钮删除

2 个答案: