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)的 Urls，即 //code.jquery.com/jquery-1.9.1.js，当您打开一个像 file://< 这样的 html 文件时 然后 jQuery 没有加载，因此没有达到预期的结果。

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

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