切换无法与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();
});