获取未捕获的类型错误 DataTable() 不是函数

Posted 2023-05-09

【中文标题】获取未捕获的类型错误 DataTable() 不是函数

【英文标题】：Getting Uncaught Type Error DataTable() is not a function

【发布时间】：2018-08-06 17:16:51

【问题描述】：

我知道这个问题被问了很多次，并且在这里有很多答案，但我的问题并没有通过提供的任何答案来解决。问题是我正在为我的一个表使用数据表，并且我已经以与数据表文档中完全相同的格式加载了我的 jquery，但仍然出现此错误。

jquery.min.js:2 Uncaught TypeError: $(...).DataTable is not a function

我已包含以下格式的 jQuery 库

在我已包含的标题中：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

在我已包含的页脚中：

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-
select/1.12.1/js/bootstrap-select.js"></script>

<script src="assets/js/bootstrap.min.js"></script>

<script type="text/javascript" 
src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js">
</script>

<script src="assets/js/custombox.min.js"></script>

<script src="assets/js/custom.js">
</script>

但是我仍然收到此错误，并且认真地我已经尝试了很多更改我的 jQuery 库的位置，但它没有工作任何帮助将不胜感激。提前谢谢你

【问题讨论】：

如果能把php标签清理干净，直接贴sn-p insted代码就更好了。

我有干净的软管 php 标签

【参考方案1】：

也许使用了错误的函数名，看到它是dataTable() 而不是DataTable()，而且如果你把它写在准备好的文档中会很好

$(document).ready(function() 
    $('#example').dataTable();
);

【讨论】：

先生，我已经在$(document).ready(function()); 中写了它，在它的文档中它说 DataTable 不是 dataTable 但仍然尝试这个不起作用

先生，我已经解决了，但将其从页脚中删除并将其包含在页眉中仍然非常感谢您的宝贵时间和努力 +1 为您的时间

【参考方案2】：

此错误可能有多种原因。

缺少 jQuery DataTables 库。

jQuery 库是在 jQuery DataTables 之后加载的。

加载了多个版本的jQuery库。

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

例如

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>