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

Question

我的网址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();

谢谢！

Answer 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>

Answer 2

由于附加了两个 jQuery 库，您似乎遇到了问题。首先是 jquery 1.7.2，其次是存储在 Google CDN 上，版本 1.5.2。fancybox 在 1.7.2 之后和 1.5.2 之前初始化

Answer 3

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

jQuery(document).ready(function() {

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

  ...

});

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