Question

我有一个包含DataTable的php文件，它正常工作，没有任何错误，但是如果我尝试在php页面中包含html页面，则会产生以下错误：

未捕获的TypeError：$（...）。DataTable不是函数

此答案按jQuery的顺序告诉我们错误 https://stackoverflow.com/a/31229338/9984938，但是由于我是javascript新手，所以我不知道我的脚本文件编写顺序是否有错误

php文件中的脚本

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

第二个文件是html HTML文件中的脚本

<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/dropdown/js/script.min.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/viewportchecker/jquery.viewportchecker.js"></script>
<script src="assets/theme/js/script.js"></script>
<script src="assets/formoid/formoid.min.js"></script>

Answer 1

我从html文件中删除了这两个脚本后，错误消失了。

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

错误TypeError：$（…）.DataTable不是函数

1 个答案: