未定义的错误数据表jQuery

Question

我正在使用数据表以及类似Button，FixedColumns的扩展。我的脚本代码：

的jQuery：

function getData(id) 
    { 
     if($.fn.DataTable.isDataTable("#tableid")) 
     { 
      $("#tableid").DataTable().clear().destroy(false); 
     } 
     $.ajax({ 
      type: 'POST', 
      url: "<?= base_url(); ?>data/view/"+id, 
      success: function (data, textStatus, jqXHR) { 
       console.log(data); 
       if(data.length==0) 
       { 
        $("#overlay").fadeIn(500, function() { 
         $("#tableid_cont").css('visibility', "hidden"); 
        }); 
        //alert("No data in DB!"); 
       } 
       else 
       { 
        $("#tableid").html(data); 
        initTable(); 
       } 
      } 
     }); 
    } 
    function initTable() 
    { 
     var table = $("#tableid").DataTable({ 
      scrollY: "100%", 
      scrollX: true, 
      scrollCollapse: true, 
      paging: false, 
      fixedColumns: true, 
      ordering: false, 
      lengthChange: false, 
      "bInfo": false, 
      buttons: ['excel'], 
      "drawCallback": function (settings) { 
       $("#overlay").fadeOut(500, function() { 
        $("#tableid_cont").css('visibility', "visible"); 
       }); 
      } 
     }); 
     table.buttons().container().appendTo('#action-buttons'); 
    } 

的getData()通过选择HTML元素的事件onchange和放慢参数id操纵得到一些整数值。 ajax的返回将是一个包含ID为tableid的HTML表的字符串。

让我选择值是1,2,3

我开始打电话getData(1)，该负载并初始化没有问题的数据表的罚款。如果值更改为2或3我得到的错误是无法读取未定义的属性'dt'并且这发生在行$("#tableid").DataTable().clear().destroy(false);。

然后再次更改值，该表格正常工作，绝对没有错误。

我得出的结论是：数据表初始化后，destroy()被调用并发生错误。但是实际上被毁坏了。另一次初始化可以再次完成，所以下次不会发生错误。

我做错了什么？我努力尝试，但无法克服这个错误。

Answer 1

而不是破坏数据表，尝试重新加载它是通过AJAX：

$('#tableid').DataTable().ajax.reload();