堆栈内存溢出
  繁体   English   中英

未捕获的 ReferenceError：$ 未定义？

[英]Uncaught ReferenceError: $ is not defined?

 原文  2010-01-15 23:04:36  8   40    javascript/ jquery/ referenceerror

问题描述

这段代码怎么会抛出

未捕获的 ReferenceError：$ 未定义

以前什么时候好？

$(document).ready(function() {
    $('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
    $('#featuredvid > ul').tabs();
});

选项卡中的结果不再关闭。

jQuery 在 header 中被引用：

<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>

40 个解决方案

解决方案1
 771  2010-01-15 23:08:06

您应该首先放置对 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>

解决方案2
 283  2010-01-15 23:07:10

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

解决方案3
 165  2013-03-17 17:50:14

这就是为我解决的问题。 最初我去谷歌并在他们的 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>

然后它起作用了。

解决方案4
 48  2014-01-24 11:46:38

如果您的自定义脚本在 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>

解决方案5
 42  

就我而言，我将.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>

解决方案6
 29  2013-02-19 07:46:20

好的，我的问题不同 - 它是Chrome中的Document Security模型。

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

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

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

解决方案7
 28  2017-05-04 10:17:07

在启动脚本之前添加库。您可以添加以下任何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 版本，请查看此链接。

在这之后：

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

解决方案8
 19  2015-07-09 08:27:46

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

$(document).ready(function() {

至

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

或添加

var $ = jQuery;

前

$(document).ready(function() {

解决方案9
 19  2011-01-19 12:55:37

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

解决方案10
 18  2018-12-26 16:14:29

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

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

1，在你的page.cshtml你的<script>标签包装成一个部分，并给它一个名字，常用的名字是'scripts'：

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

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

解决方案11
 17  2021-01-07 00:26:47

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

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

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

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

解决方案12
 16  2014-02-01 13:57:15

在我的情况下，我有这个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>

解决方案13
 16  2016-05-02 12:12:49

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

所以我改变了

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

至

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

解决方案14
 12  2018-12-12 23:46:41

我遇到了同样的问题，我通过将 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>

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

解决方案15
 10  2020-07-09 18:11:36

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

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

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

 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("h2").hide(); }); }); </script> </head> <body> <h2>This will hide me</h2> <button>Click me</button> </body> </html>

解决方案16
 6  2013-06-26 18:10:03

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

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

解决方案17
 6  2011-04-17 05:28:13

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

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

在src="scripts/jquery.js"之后

解决方案18
 6  2021-08-08 08:27:15

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

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

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

答案：在 jQuery 库加载后执行代码
错误“Uncaught ReferenceError: $ is not defined”背后的最常见原因是在加载 jQuery 库文件之前执行 jQuery 代码。 因此，请确保仅在 jQuery 库文件完成加载后才执行 jQuery 代码。

解决方案19
 5  2012-08-21 12:05:14

源文件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()

解决方案20
 5  2013-09-13 08:16:20

这以前发生在我身上。

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

js.sayHello(hello);

当我把它改成

js.sayHello('hello');

有效。

解决方案21
 5  2015-04-10 01:56:39

我有类似的问题。 我的测试服务器使用“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 的人有所帮助。

解决方案22
 4  2013-05-14 11:16:00

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

解决方案23
 4  2014-06-21 14:12:11

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

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

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

解决方案24
 4  2016-07-13 06:53:11

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

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

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

解决方案25
 4  2017-04-30 18:56:10

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

解决方案26
 3  2012-06-25 17:36:45

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

解决方案27
 3  2018-11-23 16:45:49

您还没有引用 jQuery 库。

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

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

解决方案28
 2  2017-05-05 08:51:08

<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 个小时来弄清楚它。

解决方案29
 2  2020-08-15 23:15:14

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

@section('section name')

…………

@endsection

解决方案30
 1  2014-03-10 17:13:35

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

解决方案31
 1  2014-03-11 12:30:53

奇怪的是，我的问题来自 PHP。

REST API 调用失败，随后中断了库的加载。 由于失败来自 REST 调用，它没有给我一个 php 编译错误。

如果加载 jquery 看起来没问题，也可以将此作为一个选项。

解决方案32
 1  2014-05-28 15:18:06

当我通过移动热点浏览互联网时，我遇到了这个问题。 它还在压缩图像并在 body 标签的底部添加了以下脚本

<script language="javascript"><!--
bmi_SafeAddOnload(bmi_load,"bmi_orig_img");//-->
</script>

当我连接到正确的 wifi 连接时，一切似乎都对我有用。 希望这有助于某人。

解决方案33
 1  2016-04-05 14:03:07

如果存在网络问题，也会发生这种情况。 这意味着，即使“ jquery脚本”已经到位，并且在使用之前就包含在内，但由于无法访问jquery脚本，因此在加载页面时，因此对“ $”的定义被视为“未定义的引用”。

测试/调试目的::您可以尝试在浏览器上访问“ jquery-script” URL。 如果可以访问，则您的页面应正确加载，否则将显示该错误（或其他与脚本相关的错误）。 示例-在浏览器（或浏览器上下文姿势）上，应该可以访问http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js 。

我有类似的问题，其中我可以在Windows主机浏览器中加载html页（使用脚本），但无法在vm-ubuntu中加载。 解决网络问题，问题得到解决。

解决方案34
 1  2017-04-14 11:31:15

var $ = jQuery;
jQuery(document).ready(function($){

解决方案35
 0  2014-06-23 12:47:26

这是最坏的情况：

一切似乎都很完美。 花了几个小时后，我意识到添加到正确位置的 jquery 文件实际上是一个内容为空的文件！

解决方案36
 0  2017-04-05 14:34:50

你需要先调用jquery，然后调用javascript，因为java脚本依赖于jquery，所以它应该在javascript之前加载，这解决了我的问题。

解决方案37
 0  2018-06-21 00:45:53

根本问题是ReferenceError 。 MDN表示 try / catch块是完成此任务的适当工具。 在我的情况下，我收到未付款的SDK /库参考错误。 下面为我​​工作。 

try {
  var stripe = Stripe('pk_test_---------');
} catch (e) {
    stripe = null;
}

if(stripe){
  //we are good to go now
}

显然，解决方法是在调用其方法之前先加载任何SDK /库，例如jQuery，但在未加载任何库的页面上运行该共享脚本的情况下， try / catch确实可以防止共享JavaScript出错。您可以在部分页面上使用。

解决方案38
 0  2021-10-31 18:22:18

我在特定浏览器中遇到了这个错误，甚至引用了离线资源。 我用这个脚本制作了一个 .js 文件，并通常添加这个自定义脚本文件。

function include(filepath) {
    let script = document.createElement('script');
    script.src = filepath;
    script.type = 'text/javascript';

    let body = document.getElementsByTagName('body')[0];
    body.appendChild(script);
}

async function load() {
    await include('pathlib/jquery-1.9.1.js'); // await ensures complete loading
    include('a.js');
    include('b.js'); // there was uncaught reference error $() in this file
    include('c.js'); // there was uncaught reference error $() in this file 
}

load();

解决方案39
 -1  2019-12-02 19:15:51

我在尝试运行不同的 web-socket 示例时遇到了这个问题。

当将浏览器指向“ http://localhost:8080/ ”时，我收到此错误，但完全指向“ http://localhost:8080/index.html ”时没有出现错误，因为在“index.html”中一切正常- 在使用 $.. 之前包含了 jquery

以某种方式自动转发到 index.html 没有完全工作

解决方案40
 -2  2014-12-22 03:33:40

再次被这个咬，缺少库源链接。 Google 托管库类似链接

解决方案41
 -2  2017-10-22 11:47:13

$(document).ready(function() {
                $.getJSON("<?php echo site_url('cadmin/survey/chart_survey_assisten'); ?>", function (json) { 
                    var acctregs = new Morris.Donut({
                                // ID of the element in which to draw the chart.
                                element: 'hadir-chart-bar-assisten',
                                // Chart data records -- each entry in this array corresponds to a point on
                                // the chart.
                                data: json,
                                xkey: 'label',
                                ykeys: ['value'],
                                labels: ['Nilai'],
                                barRatio: 0.4,
                                xLabelAngle: 35,
                                hideHover: 'auto',
                                resize: true
                            });
                });
           });

解决方案42
 -2  2019-04-10 02:30:54

就我而言，安装 Windows Server 角色服务“静态内容”后问题已解决。 （操作系统：Windows Server 2008 R2）

如何安装“静态内容”服务器角色服务：

  • （假设已经安装了“Web 服务器”角色）> 运行服务器管理器 > 单击左窗格中的“角色”> 单击右窗格中“Web 服务器”区域中的“添加角色服务”> 在“下”选择“静态内容” Web 服务器/常见 HTTP 功能'> 单击“下一步”> ...

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 未捕获的 ReferenceError ReferenceError：未定义事项 未捕获的ReferenceError：未定义functionName 未捕获的ReferenceError：未定义tankperson 未捕获的ReferenceError：未定义oppstart 未捕获的ReferenceError：“方法”未定义 未捕获的ReferenceError：未定义&#39;functionName&#39; 未捕获的ReferenceError：问题未定义 未捕获的ReferenceError：未定义$$ AngularJS-未捕获的ReferenceError：未定义 未捕获的ReferenceError：未定义Viva
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM