2016-10-14 194 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代碼將會有所幫助 –