未捕获的TypeError：$（...）。dataTable不是jquery中的函数

Question

Uncaught TypeError: $(...).dataTable is not a function
    at Object.success ((index):301)
    at fire (jquery-1.8.2.js:988)
    at Object.fireWith [as resolveWith] (jquery-1.8.2.js:1096)
    at done (jquery-1.8.2.js:7802)
    at XMLHttpRequest.callback (jquery-1.8.2.js:8514)

Answer 1

您的js文件应按这样的顺序

1. jQuery文件
2. jQuery数据表文件

3. 用于初始化数据表的脚本标记

   $（document）.ready（function（）{     $（'＃myTable'）。DataTable（）; }）;

脚本标签的顺序

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

第二

<script src="cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

您先写了数据表，然后写了jQuery，这是错误的

Answer 2

我遇到了同样的问题。通过改变 jQuery 库链接和 jQuery DataTable 链接的位置，它解决了。

此错误可能有多种原因。

• 缺少 jQuery DataTables 库。

• jQuery 库在 jQuery DataTables 之后加载。

• 加载了多个版本的 jQuery 库。

在 jQuery DataTables 之前只包含一个 jQuery 库版本。