【问题标题】:Uncaught: Bootstrap's JavaScript requires jQuery未捕获:Bootstrap 的 JavaScript 需要 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 文件,如 -- --

标签: javascript php jquery html twitter-bootstrap


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

    很少使用localhost127.0.0.1 作为文件路径。请改用relative path

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

    【讨论】:

    • @Enrico- 我的文件像 --
    猜你喜欢
    • 2016-12-14
    • 2016-02-17
    • 2015-06-01
    • 2014-05-04
    • 2018-01-31
    • 2020-08-16
    • 1970-01-01
    • 1970-01-01
    • 2018-03-17
    相关资源
    最近更新 更多