为什么这段代码会抛出

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

以前什么时候还好?

$(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脚本”已到位,并且在使用之前已包含,但由于在加载页面时无法访问jquery脚本,因此“$”的定义被视为“未定义的引用”。

出于测试/调试目的::您可以尝试访问浏览器上的“jquery脚本”url。如果它是可访问的,您的页面应该正确加载,否则它将显示所述错误(或其他脚本相关错误)。示例-http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js应该可以在浏览器(或浏览器上下文实例)上访问。

我也遇到过类似的问题,我可以在windows主机浏览器中加载html页面(使用脚本),但无法在vmubuntu中加载。解决网络问题,解决问题。

其他回答

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

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

好吧,我的问题不同了——这是Chrome中的文档安全模型。

看看这里的答案,很明显,在调用$(document).ready()等函数之前,我没有加载jquery文件。然而,他们都处于正确的位置。

在我的情况下,这是因为我通过安全的HTTPS连接访问内容,而页面试图从谷歌等下载CDN托管的数据。解决方案是将它们存储在本地,然后直接包含,而不是每次都从CDN。

编辑:这样做的另一种方式是以https://而不是http://的形式链接到所有CDN托管的内容,这样模型就不会抱怨了。

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

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

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

这件事以前发生在我身上。

原因是我正在用JS将android连接到webview。我发送了一个不带引号的参数。

js.sayHello(hello);

当我把它改成

js.sayHello('hello');

它奏效了。

在启动脚本之前添加库。您可以添加以下任何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>