Question

我正在使用适用于jQuery的DataTables插件在HTML5中创建一个表。该表将填充从后端Web服务接收的JSON对象。

运行Web应用程序后，控制台会显示错误消息

未捕获TypeError：对象[object Object]没有方法'dataTable'

在谷歌浏览器中，类似于Firefox。

我正在使用jQuery和jQuery DataTables的最新脚本。我也尝试在静态表上创建DataTables，并且工作正常。

在动态填充的表的脚本中无法识别dataTable()函数。

DataTables的代码如下：

$(document).ready( function () {

    $('#datatable').dataTable( {

        "sScrollY": "200px",
        "bPaginate": false,
        "bProcessing": true

    } );
} );

datatable是要填充的表的名称。

对此问题的任何帮助都将深表感谢。

Answer 1

您可以尝试使用此功能。

确保您的脚本被拉入页面，一种方法是使用Chrome调试器中的“来源”标签并在html主题部分中搜索其他文件
确保在包含jQuery之后已经包含了datatale脚本，因为它肯定取决于它。
检查jQuery是否正确包含且仅一次。
注意jQuery冲突。还有一些其他的库覆盖了$，所以你的代码不能工作，因为$不再是jQuery的别名。您可以使用jQuery.noConflict()来避免与页面上使用相同变量$的其他库发生冲突。
“ datatable是要填充的表的名称”＆lt; ---根据您的代码$('#datatable')，错误的表应该有一个id调用'datatable'。< / p>

Answer 2

我认为你的$（'＃datatable'）。dataTable（）在表填充JSON对象之前被调用。我建议你在填写表格后立即将dataTable（）添加到同一个地方。

浏览器在jquery.datatables脚本中无法识别dataTable（）函数

2 个答案: