未捕获的 ReferenceError：$ 未定义？

IT技术 javascript jquery referenceerror
2020-12-13 16:27:05

这段代码怎么会抛出一个

未捕获的 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>
6个回答

您应该首先放置对 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 脚本本身之前将脚本引用放在 jquery-ui 之前。这就是解决我问题的原因：首先是 jquery-xxxmin.js，然后是 jquery-ui-xxxxxx.js。
2021-03-06 16:27:05
2 年后，答案仍然没有“打勾”）本文描述了发生此错误时的这一种和 4 种更常见的情况。
2021-03-06 16:27:05

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

@RamSharma 实际上，这是正确的答案。你不需要任何其他东西来解决这个问题。
2021-02-08 16:27:05

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

然后它起作用了。

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

就我而言，我将.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>
其它你可能感兴趣的问题
上一篇为什么调用 react setState 方法不会立即改变状态？ 下一篇Promise不就是回调吗？