切换不使用DataTable响应

时间:2015-08-30 04:40:30

标签: javascript jquery toggle

这就是我编码的方式:

$(document).ready(function () {

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

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

});

此处此代码$("[id^=btnToggle]")无效,但当我删除$('#dataTables-example')时,它工作正常。

我尝试倒转他们的位置,我尝试使用单独的文档就绪功能,但它没有用。

请告诉我如何解决这个问题?

由于

1 个答案:

答案 0 :(得分:0)

调用datatable事件后修改dom(#dataTables-example)。由于哪个内部元素不再有先前附加的事件。在这种情况下你需要使用事件委托:

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