TypeError：$（...）DataTable不是一个函数[关闭]

Question

我正在尝试使用 jquery 插件数据表，但我似乎无法加载该函数。我不断收到此错误：

Uncaught TypeError: $(...).DataTable is not a function
(anonymous function) @ index.php:167
m.Callbacks.j @ jquery.min.js:2
m.Callbacks.k.fireWith @ jquery.min.js:2
m.extend.ready @ jquery.min.js:2
J @ jquery.min.js:2

下面是我的 JS 代码：

$(document).ready(function(){
        $('table#tableID').DataTable({
            paging: true
        });
    });

我正在使用 jQuery V. 1.11.1 我试图四处寻找解决方案，并看到人们谈论没有加载 jQuery。我在同一页面上成功运行了其他 jQuery 函数。这也是此页面上唯一的 .ready 功能。我们可以看出 jQuery 存在，因为当文档准备好时，它会执行该函数。我还尝试按照建议将 js 和 css 文件的导入放置在多个位置，但没有奏效。有没有人知道如何解决这个问题？

编辑：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="/js/jquery.dataTables.js"></script>

Answer 1

这是因为您在加载 jQuery 本身之前加载了 jQuery 库。在加载库之前需要加载 jQuery，您可以通过在库之前包含 jQuery 的 <script> 来做到这一点：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="/js/jquery.dataTables.js"></script>

Answer 2

当脚本依赖于库或其他脚本时，脚本的顺序很重要。

任何与 jQuery 相关的代码都需要包含在 jQuery.js 之后……这意味着插件和您编写的任何使用 jQuery 的代码。同样，您编写的任何使用插件的代码都必须在代码之前加载插件

只需切换顺序，让 jQuery.js 在 dataTables.js 之前加载

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="/js/jquery.dataTables.js"></script>

还要确保你只在一个页面中包含一次 jQuery...而不是像某些偶尔那样每个插件一次