代码只适用于jsfiddle

Question

在this question我问，我如何能够生成一种颜色的阴影响应div的数量。 @DonJuwe想出了一个非常有效的解决方案和演示：http://jsbin.com/xakifequ/1/edit

然而，当我试图从的jsfiddle或JSBin使用它的代码是行不通的。 所以我从JSBin下载源代码，打开.html文件，我得到的是这样的：

有人可以请解释我，为什么会发生这种情况？

Answer 1

你在jQuery的源链接错过http:继承协议。如果您使用online resource则应遵循url's protocol。其他智能浏览器将从本地搜索。这样你只是迷惑你的浏览器......因此，只有它发生...：d的

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

Answer 2

按快照，您正在使用

<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替换它，当你打开你的HTML文件中像file://然后jQuery是没有加载，因此没有实现期望的结果。

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

注意：使用//而不是http://当你想从页面