代碼僅適用於 jsfiddle

Question

在我問的這個問題中，如何根據 div 的數量生成一種顏色的陰影。 @DonJuwe 提出了一個完美的解決方案和演示： http ://jsbin.com/xakifequ/1/edit

但是，當我嘗試使用 jsfiddle 或JSBin 中的代碼時，它不起作用。 所以我從 JSBin 下載了源代碼，打開了 .html 文件，我得到的是這樣的：

有人可以解釋一下，為什么會發生這種情況？

Answer 1

根據快照，您正在使用

<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>

將其替換為

<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>

您使用的是無協議的//code.jquery.com/jquery-1.9.1.js ，即//code.jquery.com/jquery-1.9.1.js ，當您打開像file://這樣的 html 文件時，不會加載 jQuery，因此無法實現預期的結果。

然而，如果你像http://localhost/yourfile.html這樣測試你的 html 文件，你會得到想要的結果。

注意：當你想從頁面繼承協議時使用//而不是http://

Answer 2

你錯過了http:在 jQuery 源鏈接中。 如果您使用online resource ，則應遵循url's protocol 。 其他明智的瀏覽器將從本地搜索它。 這樣你只會混淆你的瀏覽器......所以只有它發生......：D

你應該用...

<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>

代替

<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>