为什么这段代码会抛出

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

以前什么时候还好?

$(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(或jQuery ref)。在包含JS文件以确保我们正在访问jQuery之前。下面的台词对我有用

通过参考以下链接可以清楚地了解这一点参考站点:

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

答:在jQuery库加载后执行代码错误“UncaughtReferenceError:$未定义”背后最常见的原因是在jQuery库文件加载之前执行jQuery代码。因此,确保仅在jQuery库文件加载完成后才执行jQuery代码。

其他回答

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

在此之后:

<script type="text/javascript">
$(function(){
    //your stuff
});
or
$(document).ready(function(){
    //your stuff
});    
</script>

文字印刷机:

<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
     //your stuff
});
</script>

再次被这个咬了一口,丢失了库源链接。Google托管库类似的链接

在我的例子中,我将.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>

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

将浏览器指向“”时http://localhost:8080/'我收到了这个错误,但正好指向'http://localhost:8080/index.html'没有给出任何错误,因为在'index.html'中,所有都完全正常-jquery在使用$..之前已包含。。

不知为何,自动转发到index.html没有完全工作

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