未捕获引用错误：未定义$？

为什么这段代码会抛出

未捕获引用错误：未定义$

以前什么时候还好？

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

当前回答

将最新的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><脚本>$（文档）.ready（函数）{$（“button”）.click（函数）{$（“h2”）.hide（）；});});</script></head><body><h2>这会把我藏起来</h2><button>单击我</button></body></html>

2020-07-09 18:11:36

其他回答

在包含jQueryJavaScript之前，您正在调用ready函数。首先引用jQuery。

2010-01-15 23:07:10

您尚未引用jQuery库。

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

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

2018-11-23 16:45:49

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

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

2020-07-09 18:11:36

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

2014-01-24 11:46:38

这就是我解决这个问题的原因。最初我去了谷歌，复制并粘贴了他们建议的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>

然后它奏效了。

2013-03-17 17:50:14

未捕获引用错误：未定义$？

推荐文章

最新文章

标签