2017-08-26 86 views
1

如果我使用本地安装的bootstrap.min.js文件。它不工作Bootstrap:本地安装Bootstrap.min.js不工作,但Bootstrap.min.js cdn工作

enter image description here

**如果我使用Bootstrap.min.js CDN那么它的工作我不明白什么区别? ** enter image description here

<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的作品,但下载到本地没有工作同一个文件。我不知道如何帮助。同样problam我遇到了许多时间

康寿错误显示 enter image description here

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

enter image description here

JS文件夹内容

enter image description here

**编辑 使用jQuery:jQuery的3.2.1.min.js(它不工作)。然后我用你说的jquery-2.0.0.min.js(其作品)..如何..最新版本是3.2.1那么为什么CONSOL错误显示:未捕获错误:Bootstrap的JavaScript需要jQuery版本1.9.1或更高版本,但低于版本3 **

+0

您是否检查过浏览器控制台的错误,可能是您在脚本标记中指定了错误的路径。 –

+0

你能展示项目结构吗? – dklos

+0

@NarenMurali我已更新CONSOL错误请检查它.. – Inderjeet

回答

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文件。

+0

我使用了正确的路径.. – Inderjeet

+0

@BillaAkbar仍然无法正常工作.. – Inderjeet

+0

仍然有同样的错误? –

0

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

Uncaught Error: Boostrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3

确保包含jQuery v2,而且应该有望解决该问题。


绝对和相对链接

当通过CDN加载脚本,即由出版商保持着资源,是一个绝对文件的路径。这意味着它可以从任何位置引用(从/,/blog,任何地方)。

当刚引用文件时,您正在加载它path-relative。它需要位于与基本URL(https://developer.mozilla.org/en/docs/Web/HTML/Element/base)相同的目录中。默认情况下,这是网址(即/blog)。

确保您具有与careers.php相同的目录中的文件夹js,并且在该文件夹中您具有bootstrap.min.js文件。否则,Web浏览器将无法找到它。

或者,您可以使网址与URL相对。换句话说,您可以在路径(/js/bootstrap.min.js)的前面放一个/,并确保该文件夹位于公共目录的顶部。

这里有绝对的一些信息VS相关链接:http://www.dirigodev.com/blog/seo-web-best-practices/relative-vs-absolute-urls-seo/

+0

我的路径是正确的我已更新的问题,请检查它.. – Inderjeet

+0

@Inderjeet更新:) – Danny

+0

我使用jquery:jquery-3.2.1.min.js(它不工作)。那么我用你说的jquery-2.0.0.min.js(它的作品)..如何..最新版本是3.2.1 – Inderjeet

0

我似乎记得遭受类似的问题,在这里我设法下载配置为寻找jQuery的版本bootstrap.min.js(v3.3.7)低于3,当引导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