切換無法與DataTable響應式一起使用

Question

這是我編碼的方式：

$(document).ready(function () {

    $("[id^=btnToggle]").click(function () {
        $('#infoToggle' + this.id.match(/\d+$/)[0]).toggle();
    });

    $('#dataTables-example').DataTable({
        responsive: true
    });

});

這里的代碼$("[id^=btnToggle]")不起作用，但是當我刪除$('#dataTables-example')它工作正常。

我試圖調換他們的位置，我嘗試使用單獨的文檔准備功能，但是沒有用。

請讓我知道如何解決此問題？

謝謝

Answer 1

調用datatable事件后，將修改dom（ #dataTables-example ）。 由於哪些內部元素不再具有以前附加的事件。在這種情況下，您需要使用事件委托：

 $("body").on('click','[id^=btnToggle]',function () {
    $('#infoToggle' + this.id.match(/\d+$/)[0]).toggle();
});