未捕获ReferenceError：未定义$？

Near米亚2020-03-11

此代码如何引发

未捕获的ReferenceError：未定义$

以前什么时候可以？

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

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

标题中引用了jQuery：

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

宝儿Near2020/03/11 17:49:22

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

Stafan古一2020/03/11 17:49:22

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

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

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

gia2020/03/11 17:49:22

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

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

当我连接到正确的wifi连接时，一切似乎都能为我找到。希望这可以帮助某人。

路易理查德2020/03/11 17:49:22

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

逆天乐樱2020/03/11 17:49:22

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

REST API调用失败，并且此后中断了库的加载。由于失败是来自REST调用的，因此没有给我php编译错误。

如果可以加载jquery，也可以选择保留此选项。

西里米亚2020/03/11 17:49:22

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

前端猴子2020/03/11 17:49:22

就我而言，我忘了包括：

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

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

Jim老丝猪猪2020/03/11 17:49:22

h！我在标签中混用了引号，导致jquery引用中断。在Chrome浏览器中进行了检查，使我看到文件未正确链接。

现，在2020/03/11 17:49:22

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

米亚JinJin樱2020/03/11 17:49:22

在以下两种情况下也会发生该错误。

HTML文件中缺少@section脚本元素
访问DOM元素时出错。例如，对DOM元素的访问被称为$（“ js-toggle”）而不是$（“。js-toggle”）。其实这个时期不见了

所以要遵循的三件事-检查是否添加了必需的脚本，检查是否以必需的顺序添加了它，并且在Java脚本中出现了第三种语法错误。

逆天泡芙2020/03/11 17:49:22

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

卡卡西梅Harry2020/03/11 17:49:22

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

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

后 src="scripts/jquery.js"

斯丁泡芙2020/03/11 17:49:22

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

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

1，在page.cshtml将<script>标签包装到一个区域中并为其命名后，通常使用的名称是“脚本”：

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

2，在_Layout.cshtml页面add中@RenderSection("Scripts", required: false)，确保在引用Jquery源代码后将其放入，这将使您的JS代码晚于Jquery呈现。

Green蛋蛋2020/03/11 17:49:22

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

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

EvaGO樱2020/03/11 17:49:21

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

希望将来能对您有所帮助。

Mandy神乐2020/03/11 17:49:21

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

所以我改变了

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

至

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

猴子Near2020/03/11 17:49:21

在启动脚本之前添加库。您可以添加以下任何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>

凯泡芙Davaid2020/03/11 17:49:21

我遇到了完全相同的问题，上述所有解决方案均无济于事。但是，我只是在.css文件链接后链接.js文件，问题奇迹般地消失了。希望这可以帮助。

GO前端2020/03/11 17:49:21

就我而言，我遇到了这个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>

泡芙Pro2020/03/11 17:49:21

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

查看这里的答案，很明显，我在调用$(document).ready()etc.函数之前就以某种方式未加载我的jquery文件。但是，他们都处于正确的位置。

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

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

前端L小小2020/03/11 17:49:21

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

Near神奇2020/03/11 17:49:21

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

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

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

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

然后它起作用了。

十三理查德2020/03/11 17:49:21

如果在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>

NearPro2020/03/11 17:49:21

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

Itachi猪猪Green2020/03/11 17:49:21

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

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer