Javascript 代码仅适用于JSFIDLE

在这篇文章中，我问道，如何根据div的数量生成一种颜色的阴影@DonJuwe提出了一个完美的解决方案和演示：

然而，当我试图使用来自JSFIDLE的代码时，或者它根本不起作用。 所以我从JSBin下载了源代码，打开了.html文件，得到的是：

---

有人能解释一下，为什么会发生这种情况吗？

根据快照，您正在使用

<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>

您使用的是无协议URL，即

//code.jquery.com/jquery-1.9.1.js

，当您打开html文件（如

文件：//

）时，jquery未加载，因此无法获得所需的结果

但是，如果您像

http://localhost/yourfile.html

您将获得所需的结果

---

注意：如果要根据快照从页面继承协议，请使用

/

而不是

http://

，您正在使用

<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>

您使用的是无协议URL，即

//code.jquery.com/jquery-1.9.1.js

，当您打开html文件（如

文件：//

）时，jquery未加载，因此无法获得所需的结果

但是，如果您像

http://localhost/yourfile.html

您将获得所需的结果

---

注意：如果要从jQuery源链接中缺少的

http:

页面继承协议，请使用

/

而不是

http://

。如果您使用

在线资源

，则应遵循

url的协议

。其他明智的浏览器将从本地搜索它。这样你就把你的浏览器弄糊涂了。。。所以只有它发生了…：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>

---

您错过了jQuery源代码链接中的

http:

。如果您使用

在线资源

，则应遵循

url的协议

。其他明智的浏览器将从本地搜索它。这样你就把你的浏览器弄糊涂了。。。所以只有它发生了…：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>

jQuery未加载，因为您在

标题中包含了没有协议（例如http）的jQuery。浏览器会自动查找
文件：//
，并且没有jQueryoh，您的控制台应该会显示一个明显的错误。jQuery不会加载，因为您在
标题中包含了没有协议（例如http）的jQuery。浏览器会自动查找
文件：//
，并且没有jQueryoh，您的控制台会显示一个明显的错误..哇！细节的巨大影响…哇！细节的巨大影响…