下载免费模板但got: ReferenceError: jQuery未定义

Question

当我下载并在本地运行这个ReferenceError: jQuery is not defined时，scripts.js中会出现错误模板。我没有改变模板中的任何东西。

我检查以确保JQuery是加载的第一个脚本，并且JQuery脚本似乎正在工作.但是scripts.js文件似乎没有加载。可以在索引文件的底部看到它：

</div>
<!--scripts loaded here from cdn for performance -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
<script src="js/scripts.js"></script>

为什么会发生这个错误？

Answer 1

//用于帮助浏览器根据所使用的协议为您选择协议。如果您正在使用https，那么它将尝试使用https协议--这允许谷歌在安全协议和非安全协议之间移动。然而，file://可以被认为是一种私有协议，浏览器不应该真正访问它。最重要的是，我非常怀疑你的电脑上是否有一个匹配的位置。您是否有一个文件夹位于这里：

ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

我怀疑。因此，jQuery的获取失败，因为匹配协议是file而不是http，这是不允许的！您可以很容易地使用两种修复方法中的一种。

第一种是在http:或https:之前添加// (尽管这可能不起作用，因为file不被认为是安全的)。

我推荐的第二种方法是使用localhost。您可以查看MAMP以获得简单的GUI，或Vagrant提供的难以置信的灵活性，但许多系统允许您将站点托管在“在web上”的地址上，同时也被认为是“家”。当您在这样一个web服务器上运行您的页面时，您将获得在一个web服务器上的所有好处，而不是实际运行在一个实际的web服务器上，因此，请查看它们，因为它们将使开发web变得更加容易。从那时起，您的站点可能托管在类似于此的内容上：http://localhost:8888 --但正如您所看到的，协议现在排列起来，一切都开始工作了。

Answer 2

这是礼节问题。//协议在file://协议内部不起作用。我猜你不是在本地主机上运行它。如果您希望这些在此协议中工作，通过在http: urls前面添加//来测试它，看看您的问题是否会发生。

更新脚本标记

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
<script src="js/scripts.js"></script>