为什么这段代码会抛出

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

以前什么时候还好?

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

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

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

其他回答

根本问题是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弹出错误,以防您在页面上运行共享脚本,而该页面没有加载您在页面子集上使用的任何库。

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

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

当我连接到正确的wifi连接时,一切似乎都在为我工作。希望这对某人有所帮助。

在我的情况下,我忘了包括以下内容:

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

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

在我的案例中,安装Windows Server角色服务“静态内容”后,问题已经解决。(操作系统:Windows Server 2008 R2)

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

(假设已安装“Web服务器”角色)>运行服务器管理器>单击左侧窗格中的“角色”>单击右侧窗格中的Web服务器区域中的“添加角色服务”>选择“Web服务器/通用HTTP功能”下的“静态内容”>单击“下一步”>。。。

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