如果在jQuery插件加载到浏览器之前加载了自定义脚本，则可能会出现这种类型的问题。因此，在调用jQuery插件后，始终保留自己的JavaScript或jQuery代码，因此解决方案是：

首先将链接添加到GoogleApis托管的jQuery文件或您将从中下载的本地jQuery文件http://jquery.com/download/和服务器上的主机：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

或jQuery的任何插件。然后放入自定义脚本文件链接或代码：

<script src="js/custom.js" type="text/javascript"></script>

在我的案例中，这是一个拼写错误，我忘记了反斜杠，并且错误地引用了源代码。

在src=“/scripts/jquery.js”之前

在src=“scripts/jquery.js”之后

我想尝试使我的脚本异步。然后我忘记了这一点，当我上线时，[custom].js文件只在jQuery.js之前加载了50%的时间。

所以我改变了

<script async src="js/script.js"></script>

to

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

这就是我解决这个问题的原因。最初我去了谷歌，复制并粘贴了他们建议的jQuery片段到他们的CDN页面上：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

该片段在src属性中不包含HTTP:或HTTPS:，但我的浏览器FireFox需要它，所以我将其更改为：编辑：这也适用于我的谷歌Chrome

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

然后它奏效了。

您尚未引用jQuery库。

您需要在HTML中包含一行类似的内容：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

首先在索引文件中包含jQuery CDN（或jQuery ref）。在包含JS文件以确保我们正在访问jQuery之前。下面的台词对我有用

通过参考以下链接可以清楚地了解这一点参考站点：

https://www.tutorialrepublic.com/faq/how-to-fix-dollar-is-not-defined-error-in-jquery.php

答：在jQuery库加载后执行代码错误“UncaughtReferenceError:$未定义”背后最常见的原因是在jQuery库文件加载之前执行jQuery代码。因此，确保仅在jQuery库文件加载完成后才执行jQuery代码。