javascript - 代码仅适用于 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>

您正在使用无协议(protocol) URL，即 //code.jquery.com/jquery-1.9.1.js，当您打开 html 文件时，如 file:// 则 jQuery 未加载，因此未达到预期结果。

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

注意:当您想从页面继承协议(protocol)时，请使用//而不是http://