Question

我正在尝试将Bootstrap 4集成到我的网站中，但是我得到jQuery must be included before Bootstrap's JavaScript.的错误我尝试使用不同版本的jQuery，但它仍然无效。当我尝试删除bootstrap4.js时，错误没有显示，因此这意味着文件路径正在运行并且没有问题。那么这里的问题是什么？

档案目录

centralizedcalapan
- 管理员
  - 控制器
  - 模型
  - 视图
    - 包括
    - 的index.php
- 资源
  - CSS
  - JS
    - 的jquery-3.2.1.min.js

CSS

  <link href="../../resources/css/bootstrap.min.css" rel="stylesheet">

JS

  <script src="../../resources/js/jquery-3.2.1.min.js"></script>
  <script src="../../resources/js/bootstrap.min.js"></script>

Answer 1

<script src="../../resources/js/jquery.min.js"></script>

这是您键入的行。但是，您将在目录路径jquery-3.2.1.min.js

中显示

如此。您输入<script src="../../resources/js/jquery-3.2.1.min.js "></script>

Answer 2

看看这个例子：如果你有这样的树目录女巫看起来像你的：

public 
    style
        bootstrap.min.css
    scripts
        bootstrap.min.js
        jquery-3.2.1.min.js
views 
  component 
      head

所以在 head 文件中，您应该以这种方式包含这些链接和JS

<head>
...
    <!--links-->
      <link rel="stylesheet" href="../public/styles/bootstrap.min.css">
    <!--scripts-->
      <script type="text/javascript" src="../public/scripts/jquery-3.2.1.min.js"></script>
      <script type="text/javascript" src="../public/scripts/bootstrap.min.js"></script>
...
</head>
It works for me perfectly.Hope it will for you.

只是我想把你的意图放在某事上：有时候   浏览器使用缓存中包含的文件，因此您仍然可以更新它   使用旧文件。要解决此问题，只需点击 ctrl + h 即可   然后选择删除浏览器数据，然后选择删除   缓存的图片和文件并验证。

像这样它会改变你的浏览器的变化。并且   始终使用 ctrl + f5更新。

Bootstrap 4的JavaScript需要jQuery

2 个答案: