切换不使用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();
});