收到“jQuery("a.raf_link").fancybox 不是函数”错误？答案

【问题标题】：Getting a "jQuery("a.raf_link").fancybox is not a function" error?收到“jQuery("a.raf_link").fancybox 不是函数”错误？
【发布时间】：2012-08-28 08:53:06
【问题描述】：

我的网址http://math.pixelworklab.com/。

右上角有一个“邀请朋友”链接，应该会打开一个花式框，但会加载一个新页面。

在 Firefox 控制台中，我看到以下内容，但似乎无法解决问题......

TypeError: jQuery("a.raf_link").fancybox is not a function
[Break On This Error]   

'titleShow' : false

TypeError: jQuery("a.single_image").fancybox is not a function
[Break On This Error]   

jQuery("a.single_image").fancybox();

谢谢！

【问题讨论】：

fancybox 函数之前是否包含 jQuery 文件？

标签： javascript jquery wordpress fancybox

【解决方案1】：

嘿，我看到了您的站点视图源..您已包含 jquery 库两次。删除一个，它将起作用

<script type='text/javascript' src='http://math.pixelworklab.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>

和

<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

【讨论】：

【解决方案2】：

看起来您遇到了问题，因为附加了两个 jQuery 库。首先是 jquery 1.7.2，其次是存储在 Google CDN 上，版本 1.5.2。 fancybox 在 1.7.2 之后 1.5.2 之前初始化

【讨论】：

【解决方案3】：

我认为您必须将代码 (raf_script.js) 包装在文档就绪函数中：

jQuery(document).ready(function() {

  $("a.raf_link").fancybox({
    'titleShow'     : false
  });

  ...

});

在您的脚本加载之前，可能尚未加载 jQuery。

【讨论】：