Jquery table.destroy 在第一次点击时不起作用答案

【问题标题】：Jquery table.destroy doesn't work the first time on fire clickJquery table.destroy 在第一次点击时不起作用
【发布时间】：2021-03-10 20:03:01
【问题描述】：

HTML 代码：

<!-- Devices List Navbar Menu -->
<li class="nav-item">
<a href="#" class="navbar-nav-link" id="deviceSearch"><i class="icon-search4 pr-1"></i> Devices</a>
</li>  <!-- END Devices List Navbar Menu -->

Javascript 代码：

$(document).ready( function () {
    var alarmTable = $('#alarm_datatable').DataTable({
        //do staff
    });

    $("#deviceSearch").click(function(){
        alarmTable.destroy();
    });
});

问题在于，只有在第二次单击 id 为“deviceSearch”的链接后，该表才会被销毁。无论点击函数在$(document).ready之外，行为都是一样的

第一次点击表头消失，第二次点击数据表消失。

您能帮我解释一下为什么会发生这种情况以及如何解决它吗？

【问题讨论】：

您的 HTML 中是否有可能有两个 id="alarm_datatable"？
不只有一个 id="alarm_datatable" 的html表

标签： jquery datatable click destroy

【解决方案1】：

您必须精确到 true 才能完全删除数据表：

$("#deviceSearch").click(function(){
    alarmTable.destroy(true);
});

从 DOM 中完全移除表格（true）或将其留在 DOM 中处于原始未增强的 HTML 状态（默认，false）。

【讨论】：