Bootstrap：本地安装Bootstrap.min.js无法正常工作但Bootstrap.min.js cdn确实有效

Question

如果我使用本地安装的bootstrap.min.js文件。它无法正常工作

**如果我使用Bootstrap.min.js CDN然后它的工作我不明白有什么区别？ **

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

我用过

  

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js

链接下载..

我使用本地和CDN相同的文件... CDN可以正常工作，但本地下载不起作用。我不知道请帮忙。同样的问题我遇到了很多次

Consol错误显示

我的路径是正确的.. js与careers.php在同一目录中的文件夹，

内部JS文件夹内容

**编辑 我使用Jquery：jquery-3.2.1.min.js（它不能正常工作）。然后我用你说的jquery-2.0.0.min.js（它的作品）.. HOW ..最新版本是3.2.1然后为什么consol错误显示：Uncaught错误：Bootstrap的JavaScript需要jQuery版本1.9。 1或更高，但低于版本3 **

Answer 1

检查本地的文件路径。要验证当前问题，请在浏览器中检查元素，您将看到无法在控制台中加载文件。一旦你通过正确的路径包含它，它就会起作用。

js/bootstrap.min.js

需要用正确的路径替换。

发布浏览器控制台屏幕截图后编辑 很可能你已经下载了旧的js文件。从中下载文件 This Link 然后试试。该文件包含异常

Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4

这让我相信你已经下载了旧的JS文件。

Answer 2

从控制台错误中，我可以看到Bootstrap不支持jQuery v3并故意抛出错误。

  

未捕获错误：Boostrap的JavaScript需要jQuery 1.9.1或更高版本，但低于版本3

确保包含jQuery v2，这应该有希望解决该问题。

绝对和相对链接

当您通过CDN加载脚本时，这是由发布者维护的资源，并且是文件的绝对路径。这意味着可以从任何位置（/，/blog，任何地方）引用它。

仅引用该文件时，您正在加载路径相对。它需要与基本URL（https://developer.mozilla.org/en/docs/Web/HTML/Element/base）位于同一目录中。默认情况下，这是URL（即/blog）。

确保文件夹js与careers.php位于同一目录中，并在该文件夹中包含bootstrap.min.js文件。否则，网络浏览器将无法找到它。

或者，您可以将URL设为root-relative。换句话说，您可以在路径（/）前放置/js/bootstrap.min.js，并确保该文件夹位于公共目录的顶部。

以下是绝对与相对链接的一些信息：http://www.dirigodev.com/blog/seo-web-best-practices/relative-vs-absolute-urls-seo/

Answer 3

我似乎记得遇到类似的问题，我设法下载bootstrap.min.js（v3.3.7），配置为查找低于3的jquery版本，当bootstrap v3.3.7声明它有jquery v3支持包括http://blog.getbootstrap.com/2016/07/25/bootstrap-3-3-7-released/

我建议您编辑/查看已下载的bootstrap.min.js并搜索“但低于版本”，您应该在前几行中找到它。它应该说“Bootstrap的JavaScript需要jQuery版本1.9.1或更高版本，但低于版本4”。如果没有，我建议你从这里下载代码http://getbootstrap.com/docs/3.3/getting-started/#download。