JQuery Datatables 就绪事件？答案

【问题标题】：JQuery Datatables ready event?JQuery Datatables 就绪事件？
【发布时间】：2011-07-20 22:20:15
【问题描述】：

数据表完成渲染时是否会触发事件？即当我可以开始修改 HTML 输出时。我正在尝试在列标题上方添加一行<select>，如http://www.datatables.net/examples/api/multi_filter_select.html 上的示例所示

我无法让它与我的脚本一起使用。根据http://www.datatables.net/examples/data_sources/js_array.html，我的数据源是一个javascript数组，我感觉多重过滤器选择（见上面的链接）不能与此结合使用。

基本上，当使用以下方法迭代表头时，我什么也得不到：

$('table#id thead tr th').each(function() { ... })

我相信这是因为传递给 each 的元素集是空的，但我 100% 确定选择器是正确的，并且已经使用 FireQuery 验证了这一点。

我发现了这个http://www.datatables.net/examples/advanced_init/events_post_init.html，它声称有关于初始化后事件的信息，但它似乎不是我想要的。

以前有没有人遇到过这个问题并找到了解决方案？谢谢！

【问题讨论】：

标签： jquery filter datatable

【解决方案1】：

fnInitComplete

http://datatables.net/usage/callbacks 我尝试使用它，它会在页脚中呈现选择框。

但是当我在列表框中选择某些内容并使用 fnFilter 时，我会收到错误消息

未捕获的类型错误：无法调用未定义的“替换”方法

我尝试使用 fnFilter 按钮单击我收到消息的位置未捕获的类型错误：无法读取未定义的属性“nTr”

【讨论】：

我认为您想要 fnDrawCallback 而不是 fnInitComplete - 在呈现 HTML 后触发 fnDrawCallback。

【解决方案2】：

我会使用“fnDrawCallback”（参见：https://www.datatables.net/usage/callbacks）

$(document).ready( function() {
    $('#example').dataTable( {
        "fnDrawCallback": function( oSettings ) {
            // Your function(s);
        }
    } );
} );

我使用此回调将事件绑定到数据表创建的元素。

【讨论】：