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

DataTable in Bootstrap not executing jQuery when record reach more than 10?

本文关键字：中的 Bootstrap DataTable jQuery 执行 记录      更新时间：2023-09-26

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

有人能帮上忙吗？这个问题的可能解决方案是什么？真的很需要。谢谢。

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

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

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

请参阅http://legacy.datatables.net/usage/callbacks#fnDrawCallback了解更多详细信息。

相关文章：