当记录超过 10 时，Bootstrap 中的 DataTable 不执行 jQuery？

【问题标题】：DataTable in Bootstrap not executing jQuery when record reach more than 10?当记录超过 10 时，Bootstrap 中的 DataTable 不执行 jQuery？
【发布时间】：2015-04-05 10:50:58
【问题描述】：

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

谁能帮忙解释一下为什么会这样？这个问题的可能解决方案是什么？真的很需要。谢谢。

【问题讨论】：

标签： javascript jquery twitter-bootstrap pagination datatables

【解决方案1】：

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

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

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

【讨论】：

这个 BindEvents() 函数包含什么？如何为每个分页绑定我的数据？
你的jQuery code that handles the delete and edit function怎么样？