2017-08-26 108 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