未捕获的 ReferenceError：$ 未定义？

您应该首先放置对 jquery 脚本的引用。

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

---

在包含 jQuery JavaScript 之前，您正在调用 ready 函数。首先参考jQuery。

---

这就是为我解决的问题。最初我去谷歌并在他们的 CDN 页面上复制并粘贴了他们建议的 jQuery 代码段：

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

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

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

然后它起作用了。

---

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

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

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

---

就我而言，我将 .js 文件放在 jQuery 脚本链接之前，将 .js 文件放在 jQuery 脚本链接之后解决了我的问题。

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="exponential.js"></script>

---

好的，我的问题不同 - 它是 Chrome 中的文档安全模型。

看看这里的答案，很明显我在调用 $(document).ready() 等函数之前没有加载我的 jquery 文件。但是，他们都处于正确的位置。

在我的情况下，这是因为我通过安全的 HTTPS 连接访问内容，而页面试图从谷歌等下载 CDN 托管数据。解决方案是将它们存储在本地，然后直接包含，而不是从CDN 每次。

编辑：这样做的另一种方法是将所有 CDN 托管的内容链接为 https:// 而不是 http:// - 然后模型不会抱怨。

---

在启动脚本之前添加库。您可以添加以下任何 CDN 来启动它。

谷歌：

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

微软

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

jQuery

如果您想要任何其他 Jquery cdn 版本，请检查此 link。

在这之后：

<script type="text/javascript">
$(function(){
    //your stuff
});
or
$(document).ready(function(){
    //your stuff
});    
</script>

WordPress：

<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
     //your stuff
});
</script>

---

如果它在 wordpress 中，可能需要更改

$(document).ready(function() {

至

jQuery(document).ready(function($){

或添加

var $ = jQuery;

前

$(document).ready(function() {

---

我遇到了完全相同的问题，以上这些解决方案都没有帮助。但是，我只是在 .js 文件之后链接了 .css 文件，问题就奇迹般地消失了。希望这可以帮助。

---

您在包含 jQuery JavaScript 之前调用 ready() 函数。首先参考jQuery。

如果您在 ASP.NET MVC 中，则可以通过执行以下操作指定何时呈现 JS 代码：

1， 在您的 page.cshtml 中，将您的 <script> 标记包装成一个部分，并为其命名，常用的名称是“脚本”：

@section scripts {
    <script>
        // JS code...
    </script>
}

2、在你的_Layout.cshtml页面中添加@RenderSection("Scripts", required: false)，一定要在引用Jquery源之后再放，这样会让你的JS代码渲染得比Jquery晚。

---

在使用 $ 或 jQuery 的脚本之前添加 jQuery 库，以便可以在脚本中识别 $。删除头上的标签脚本并结束bady

 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

然后首先在文件js中写入脚本添加

/*global $ */
$(document).ready(function(){  });

---

在我的情况下，我有这个referenceError，因为脚本调用的顺序是错误的。通过更改顺序解决了这个问题：

<script src="js/index.js"></script>
<script src="js/jquery-1.10.2.js"></script>

至

<script src="js/jquery-1.10.2.js"></script>
<script src="js/index.js"></script>

---

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

所以我改变了

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

至

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

---

我遇到了同样的问题，我通过将 jQuery 放在我的代码中所有 javascript 代码的顶部来解决。

像这样的东西：

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="js/form.js" type="text/javascript"></script>
<script src="js/create.js" type="text/javascript"></script>
<script src="js/tween.js" type="text/javascript"></script>

希望将来可以帮助一些人。

---

将最新的 jquery cdn 放在主 html 页面的顶部

就像如果您的主 html 页面是 index.html

像这样将jquery cdn放在这个页面的顶部

这会隐藏我

点击我

---

如果您在 .Net 中执行此操作并且正确引用了脚本文件并且 jQuery 看起来不错，请确保您的用户可以访问脚本文件。我正在从事的项目（一位同事）让他们的 web.config 拒绝访问匿名用户。我正在处理的页面可供匿名用户访问，因此他们无权访问脚本文件。将以下内容放入 web.config 中，一切正常：

  <location path="Scripts">
    <system.web>
      <authorization>
        <allow users="*"/>
      </authorization>
    </system.web>
  </location>

---

就我而言，这是一个错字，我忘记了反斜杠并且错误地引用了源代码。

src="/scripts/jquery.js"之前

之后   src="scripts/jquery.js"

---

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

通过参考以下链接参考站点可以对此有一个清晰的认识：

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

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

---

源文件 jquery-1.2.6.min.js 未被调用，jQuery 命令 $() 早于 <..src='jquery-1.2.6.min.js'> 执行。

请先运行<.. src="/js/jquery-1.2.6.min.js..">并确保src路径正确，然后执行jquery命令

$(document).ready(function() 

---

这以前发生在我身上。

原因是我正在使用 JS 将 android 连接到 webview。我发送了一个不带引号的参数。

js.sayHello(hello);

当我把它改成

js.sayHello('hello');

有效。

---

以下两种情况也会出现该错误。

HTML 文件中缺少 @section 脚本元素 访问 DOM 元素时出错。例如，DOM 元素的访问被称为 $("js-toggle") 而不是 $(".js-toggle")。实际上缺少期间

所以要遵循 3 件事 - 检查是否添加了所需的脚本，检查它是否以所需的顺序添加，以及您的 Java 脚本中的第三个语法错误。

---

我有类似的问题。我的测试服务器使用“http”运行良好。但是，它在具有 SSL 的生产中失败了。

因此，在生产中，我添加了“HTTP”而不是“HTTP”，在测试中，我保留了“HTTP”。

测试：

wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

生产：

wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

希望这对正在使用 wordpress 的人有所帮助。

---

您的 JavaScript 文件丢失，因此发生了此错误。只需在 <head> 标记内添加 JavaScript 文件。请参阅示例：

<script src="js/sample.js" type="text/javascript"></script>
<link href="css/sample.css" rel="stylesheet" type="text/css" />

或在标签中添加以下代码：

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

---

就我而言，我忘了包括这个：

 <script src ="jquery-2.1.1.js"></script>

早些时候，我只包括了导致此错误的 jquery-mobile。

---

我修改了脚本标记以指向正确的内容，并将脚本顺序更改为编辑器中的正确顺序。但完全忘记保存更改。

---

嗬！我的标签中有混合引号，导致 jquery 引用中断。在 Chrome 中进行检查让我看到文件没有正确链接。

---

您还没有引用 jQuery 库。

您需要在 HTML 中包含与此类似的行：

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

---

我有一个类似的问题，这是因为我在样式表链接上缺少一个结束 >。

---

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

我有类似的问题，你知道吗，这是因为我在android设备webview中测试时网络断开而我没有意识到这一点，而本地js加载没有问题，因为它不需要网络。这看起来很荒谬，但它浪费了我大约 1 个小时来弄清楚它。

---

如果您在忘记用以下代码包围代码时发现刀片文件中出现错误：

@section('section name')

…………

@endsection

---