1

当我尝试访问应该显示带有来自 datatables.net 的 jquery 插件的表格的页面时，出现以下错误：

Microsoft JScript 运行时错误：对象不支持属性或方法“dataTable”

这是我在我的页面上引用各种脚本/插件的地方：

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js" ></script>
<script type="text/javascript" src="Script/jquery.tools.min.js"></script>
<script type="text/javascript" src="Script/superfish.js"></script>
<script src="Script/jquery.MultiFile.js" type="text/javascript"></script>
<script type="text/javascript" src="Script/supersubs.js"></script>

这是我试图在表上调用 dataTable 函数的地方（使用 id mod123）：

<script type="text/javascript">
    $(document).ready(function() {
        $('#mods123').dataTable();
    });
</script>

我的表中有一个 thead 和 tbody 标记，但是当我构建项目并在本地运行它并导航到页面时，它给了我这个错误。当我在不同的浏览器中转到该页面时，当然不会显示错误，但是我试图影响的表没有以任何方式改变。

当我在 Firebug 中查看页面时，它给了我以下错误： $("#mods123").dataTable is not a function

Chrome 的调试器说“未捕获的类型错误：对象 [对象对象] 没有方法 'dataTable'

有任何想法吗？

4

2 回答 2

2

看起来您的 jQuery 版本与 dataTables 不兼容。尝试使用 dataTables 附带的 jQuery 版本。我认为它是 jQuery 1.7.1。

于 2012-04-11T22:16:20.863 回答
1

好吧，看来这实际上是数据表和 jquery 工具之间的冲突。当我删除对 j​​query 工具的引用时，它起作用了！

我不认为我们目前正在使用 jquery 工具，所以我可能没问题，但如果没有，我该如何避免这种冲突？我找不到对此的具体参考，所以我想知道它是否曾经用于旧版本的工具，但他们已经修复了它？但是再一次，我似乎找不到任何提及...

于 2012-04-12T12:19:23.473 回答