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

您正在使用协议更少Urls,即//code.jquery.com/jquery-1.9.1.js,当您打开您的html文件时,file://jQuery未加载,因此无法实现所需的结果.

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

注意:使用//而不是http://从页面继承协议时使用