未捕获的类型错误：$(...).dataTable 不是函数 [重复]

Posted 2023-03-06

【中文标题】未捕获的类型错误：$(...).dataTable 不是函数 [重复]

【英文标题】：Uncaught TypeError: $(...).dataTable is not a function [duplicate]

【发布时间】：2016-09-13 23:58:09

【问题描述】：

我的 php 文件中有这个错误。 我检查了我的图书馆订单，但我认为是正确的。 这是我的脚本代码：

< script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.0.min.js"></script>

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

<script>    

    $(document).ready(function() 
        $('#tablaLocalizaciones').dataTable(

            "ajax": "tabla.php",
                "columns":[
                 "data":"nombre",
                 "data":"tipo",


                ]



        );

     );

</script>

有什么想法吗？ 谢谢

【问题讨论】：

查看您的网址。首先是根据页面的默认方案加载，可能是 HTTP。第二个是使用HTTPS。如果是这种情况，浏览器将拒绝第二个脚本，因为您不能混合安全和不安全的内容。

如果网站确实是通过 http 加载的，我看不到问题@codenoire？

@OP 只需删除 html 脚本元素中的空格...

如果站点是通过 HTTP 加载的，那么现代浏览器将不会通过 HTTPS 加载脚本。相反，如果站点是通过 HTTPS 加载的，它们将不会通过 HTTP 加载脚本。在这里阅读更多。 developers.google.com/web/fundamentals/security/…

这没有任何意义@codenoire。只有最后一部分是正确的。

【参考方案1】：

在加载任何与 jQuery 相关的代码（例如 jQuery DataTables）之前，您需要先加载 jQuery，见下文：

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.dataTables.js" type="text/javascript"></script>

此外，对于生产版本，建议加载缩小版本（改为以 .min.js 结尾）。可以看here

【讨论】：

OP 正在加载 jQuery。

我有多个对 jquery 的引用！那是错误:)