未捕获：Bootstrap 的 JavaScript 需要 jQuery

Posted 2023-03-06

【中文标题】未捕获：Bootstrap 的 JavaScript 需要 jQuery

【英文标题】：Uncaught: Bootstrap's JavaScript requires jQuery

【发布时间】：2016-08-16 21:22:15

【问题描述】：

我在页脚部分包含了 jquery 和 bootstrap.min.js 文件，或者这意味着我在代码底部有我的所有脚本标记。但是当我加载我的页面时，浏览器控制台会抛出一个错误：Uncaught Error: Bootstrap's JavaScript requires jQuery. 我在本地包含这些文件，如下所示：-

</footer>
<script src="http://127.0.0.1/ems_ci/assets/js/jquery.js" type="text/javascript"></script>
<script src="http://127.0.0.1/ems_ci/assets/js/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>

【问题讨论】：

为什么要放在页脚？为什么不在页眉中？

你确定路径http://127.0.0.1/ems_ci/assets/js/jquery.js是有效的

在浏览器控制台中粘贴这个会显示什么：if (window.jQuery) console.log('jQuery is loaded'); else console.log('jQuery is not loaded');

尝试为您的 js 文件提供更好的链接。链接可能已损坏，这是您遇到的常见问题。试着调查一下谢谢。

我有两个 jquery/bootstrap 文件，如 -- --

【参考方案1】：

首先，您必须将标记“脚本”的位置更改为标记“头”。在此之后，您必须将 javascript 脚本的位置更改为您的项目目录。最后，将“src”属性的值更改为： 例如：

src="../js/jquery.js" src="../js/bootstrap.min.js"

【参考方案2】：

很少使用localhost 或127.0.0.1 作为文件路径。请改用relative path。

关于脚本位置：您可以将它们留在页脚中，这将加快页面加载速度，但请确保您执行的任何 JavaScript 代码都在 dom 中的 jquery/bootstrap 之后。 并且不要忘记将您的代码包装在 document ready jquery 函数中

【讨论】：

@Enrico- 我的文件像 --