дополнительные JQuery не работает в DataTable пагинацией

Question

У меня есть Datatable и JQuery плагин, который удаляет строки из этой таблицы данных

Jquery код:

$(document).ready(function() { 
     $(".delete-ajax").live("click", function (e) { 
      e.preventDefault(); 
      recordId = $(this).attr('id'); 
      alert(recordId); 
      var requestAdress = '{!! route("admin.area.cities.destroy", ":id") !!}'; 
      requestAdress = requestAdress.replace(':id', recordId); 
      $.ajax({ 
       cache: false, 
       dataType: "json", 
       type: "delete" 
       , url: requestAdress 
       , date: { 
        "_token": "{{ csrf_token() }}", 
        "id": recordId 
       }, 
       success: function() { 
        $('tr#' + recordId).fadeOut(300, 'linear'); 
       } 
      }, "json"); 

      }); 
}); 

Код работы в порядке, но всякий раз, когда я изменить страницу в datatable постраничной JQuery плагин , Этот клик больше не работает.

Datatable сайт: http://datatables.net

Answer 1

Использование .live() амортизируется в настоящее время. Используйте делегацию событий:

$(document).ready(function() { 
     $(document).on("click",".delete-ajax", function (e) { // updated ths line 
      e.preventDefault(); 
      recordId = $(this).attr('id'); 
      alert(recordId); 
      var requestAdress = '{!! route("admin.area.cities.destroy", ":id") !!}'; 
      requestAdress = requestAdress.replace(':id', recordId); 
      $.ajax({ 
       cache: false, 
       dataType: "json", 
       type: "delete" 
       , url: requestAdress 
       , date: { 
        "_token": "{{ csrf_token() }}", 
        "id": recordId 
       }, 
       success: function() { 
        $('tr#' + recordId).fadeOut(300, 'linear'); 
       } 
      }, "json"); 

      }); 
}); 

Заканчивать Live Removed