Jquery table.destroy 第一次上火点击不起作用

Question

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();
    });
});

问题是 table 仅在第二次单击 ID 为“deviceSearch”的 link 后才被销毁。无论点击函数在 $(document).ready

之内还是之外，行为都是相同的

第一次点击 table header 消失，第二次点击数据 table 消失。

你能帮我看看为什么会这样以及如何解决吗？

Answer 1

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

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

Completely remove the table from the DOM (true) or leave it in the DOM in its original plain un-enhanced HTML state (default, false).

Jquery table.destroy 第一次上火点击不起作用

Jquery table.destroy doesn't work the first time on fire click

datatable

jquery

click

destroy