为什么这段代码会抛出

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

以前什么时候还好?

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

当前回答

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

一个RESTAPI调用失败,之后它中断了库的加载。由于失败来自REST调用,所以它不会给我一个php编译错误。

如果可以加载jquery,也可以将其作为一个选项。

其他回答

我遇到了完全相同的问题,上面的这些解决方案都没有帮助。然而,我只是将.css文件链接到.js文件之后,问题奇迹般地消失了。希望这有帮助。

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

以下是最坏的情况:

一切似乎都很完美。花了几个小时后,我意识到添加到正确位置的jquery文件实际上是一个包含空内容的文件!

我想尝试使我的脚本异步。然后我忘记了这一点,当我上线时,[custom].js文件只在jQuery.js之前加载了50%的时间。

所以我改变了

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

to

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

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

希望可以帮助未来的某个人。