当记录达到10以上时，Bootstrap中的DataTable不执行jQuery？

Question

我在我的系统中使用了twitter bootstrap。为了显示数据库中的所有数据，我使用了dataTables。我添加了一个新列作为“Action”，其中包含2个按钮，编辑和删除。但是当第一个分页的记录达到10以上时，第二个分页和下一个分页中包含我的按钮的所有行都不会执行处理删除和编辑功能的jQuery代码。

任何人都可以帮忙，为什么会这样？这个问题的可能解决方案是什么？真的需要它。感谢。

Answer 1

假设您在$(document).ready()上绑定了删除和编辑功能，那么解释很简单：此时只有第一页在DOM中可用，并且只有第一页上的按钮才会绑定。

您需要做的是每次更改页面时重新绑定事件。为此，您需要在DataTable的BindEvents()事件中调用绑定的jQuery代码（假设您有一个名为fnDrawCallback的方法）：

var dataTable = $("#YourTable").dataTable({
    // additional data table params,
    "fnDrawCallback": function () {
        BindEvents();
    };

有关详细信息，请参阅http://legacy.datatables.net/usage/callbacks#fnDrawCallback。