安装XAMPP后,Chrome无法运行jQuery

时间:2017-07-06 08:50:47

标签: jquery google-chrome xampp

我在一个网站上工作,我添加了一些jQuery。事情进展顺利我可以通过Chrome从本地驱动器打开网站,该网站正在运行。我在网站上使用google的jQuery链接。

安装XAMPP后Chrome停止加载并运行jQuery。

我在控制台上尝试加载xyz.js时收到此错误消息:

  

未捕获的ReferenceError:$未定义

首先我从谷歌加载jquery.min.js然后我自己的xyz.js

<script async src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script async src="js/xyz.js" type="text/javascript"></script>

网址来自:

  

file:/// Path To / index.html

我甚至没有使用XAMPP安装apach或任何东西我刚刚安装并运行XAMPP本身。所以我卸载了XAMPP,但问题仍然没有解决。

代码完全在Edge上运行,但我更喜欢使用chrome。

如何使用Chrome和jQuery解决此问题?

感谢您的回答!

1 个答案:

答案 0 :(得分:1)

async标记中删除<script>属性,包括页面中的jQuery。

jQuery 已经在任何依赖它的脚本之前加载,否则你会看到你的&#39; $未定义&#39;由于xyz.js文件在页面中可用之前尝试使用该库而导致的错误。试试这个:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script async src="js/xyz.js" type="text/javascript"></script>