TypeError: $(...).DataTable is not a function 错误问题！

easyboot

于 2020-06-05 14:24:23 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB前端 # datatables # Echarts

本文链接：https://blog.youkuaiyun.com/easyboot/article/details/106569768

WEB前端同时被 3 个专栏收录

112 篇文章

订阅专栏

Echarts

14 篇文章

订阅专栏

datatables

3 篇文章

订阅专栏

之前用Datatables和echarts是没有问题，最近修改代码之后发现出现TypeError: $(...).DataTable is not a function这个错误信息。

查找发现echarts.js 必须放在datatables.js之后，否则就会出现上面的错误信息。

下面是正确的引用顺序

     <script src="~/Framework/AdminLTE-3.0.5/plugins/jquery/jquery.js"></script>
 
    <script src="~/Framework/AdminLTE-3.0.5/dist/js/adminlte.min.js"></script>
    <script src="~/Framework/AdminLTE-3.0.5/plugins/datatables/jquery.dataTables.js"></script>
    <script src="~/Framework/AdminLTE-3.0.5/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>

    <script src="~/Framework/AdminLTE-3.0.5/plugins/bootstrap-switch/js/bootstrap-switch.js"></script>
    <script src="~/Framework/plugins/zTree_v3-master/js/jquery.ztree.core.js"></script>
    <script src="~/Framework/plugins/zTree_v3-master/js/jquery.ztree.excheck.js"></script>
    <script src="~/Framework/Scripts/echarts.js"></script>