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

为什么这段代码会抛出

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

以前什么时候还好？

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

当前回答

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

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

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

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

2013-02-19 07:46:20

其他回答

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

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

2010-01-15 23:07:10

您应该首先引用jquery脚本。

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

2010-01-15 23:08:06

源文件jquery-1.2.6.min.js不被调用。jquery命令$（）的执行时间早于<。。src='jquery-1.2.6.min.js'>。

请运行<。。src=“/js/jquery-1.2.6.min.js..”>首先确保src路径正确，然后执行jquery命令

$(document).ready(function()

2012-08-21 12:05:14

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

2014-12-22 03:33:40

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

推荐文章

最新文章

标签