代码仅适用于jsfiddle

Question

在this 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，当您打开像file://这样的html文件时，则未加载jQuery，因此无法获得所需的结果。

但是，如果你测试你的html文件，如http://localhost/yourfile.html，你将获得所需的结果。

注意：如果要从页面继承协议，请使用//代替http://

Answer 2

你在jQuery源链接中错过了http:。如果您使用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>