uncaught referenceerror: $ is not defined

时间:2020-02-23 14:46:18  来源:igfitidea点击:

在本教程中,我们将看到如何解决 uncaught referenceerror: $is not definedjQuery错误。
在jquery,

$代表 jQuery function
当我们尝试访问任何内容时,我们将收到此错误 before loading jQuery

例如:

request //uncaught referenceerror: $ request is not defined 
var request request // works fine

这个问题可能有多种原因.

让我们逐个查看:

1.我们没有添加jQuery脚本

我们没有正确地将jQuery脚本添加到PHP/JSP/ASP文件中。
我们可以直接将其链接到jQuery或者googlecdn或者MicrosoftCDN以使用jQuery脚本。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

我们还可以下载jQuery脚本并在本地引用,以便更快的性能。

2.在加载jQuery之前,我们正在使用jQuery标记。

在调用jQuery脚本之前,我们可能会调用脚本标记。

例如:

<script type="text/javascript" src="js/script.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

它会导致 $is not defined
更改序列,它应该正常工作。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/script.js"></script>

所以jQuery后应该包括依赖脚本。
让我们看看另一个例子让我们说 jquery.plugin.js在之前声明 jquery.min.js,所以jquery.plugin用途 $,它会抱怨 $未定义是逻辑的 jQuery没有装在正确的地方。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.plugin.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

更改序列,它应该正常工作。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.plugin.js" type="text/javascript"></script>

3.路径不正确/错字/旧jQuery位置

我们可能会置于错误的路径,或者文件中可能会有拼写错误。

For example:
You have misspelt in script as type="text/javacsript". If you notice that here, there is a typo in javascript spelling, and it can cause this issue.

另一个原因可能是我们指的是旧的jQuery托管位置,这些位置不再维护或者移动到不同的位置。

客户端电脑掉线

这似乎是奇异的,但这也可能也是这个错误的原因。
你正在脱机,但尝试从互联网加载jQuery。
你可以简单地下载 jQuery.js并在本地使用它,然后从Internet下载。

<script src="/js/jquery.min.js"></script>