已下载免费模板,但得到:ReferenceError:jQuery未定义

Downloaded free template but got: ReferenceError: jQuery is not defined

本文关键字:ReferenceError jQuery 未定义 免费 下载      更新时间:2023-09-26

当我在本地下载并运行此模板时,scripts.js中出现错误ReferenceError: jQuery is not defined。我没有更改模板中的任何内容。

我检查以确保JQuery是加载的第一个脚本,并且JQuery脚本似乎正在工作。。。但是CCD_ 3文件似乎没有加载。你可以在索引文件的底部看到它:

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

为什么会发生这种错误?

//用于帮助浏览器根据您使用的协议为您选择协议。如果你使用的是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来获得难以置信的灵活性,但许多系统允许你在"网上"answers"家"的地址上托管网站。当你在这样的网络服务器上运行你的页面时,你将获得在网络服务器上的所有好处,而不需要真正在实际的网络服务器中,所以请看看这些好处,因为它们会使网络开发变得更容易。从那时起,你的网站可能托管在类似的东西上:http://localhost:8888——但正如你所看到的,协议现在已经排好了,一切都开始工作了。

问题在于协议。CCD_ 16协议不在CCD_ 17协议内部工作。我猜你不是在本地主机上运行它。如果你想让这些在这个协议中工作,可以通过在// url前面添加http:来测试它,看看你的问题是否会出现

更新脚本标签

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