fancybox 2.1.4 - 未捕获的类型错误：无法读取未定义的属性“助手”答案

【问题标题】：fancybox 2.1.4 - Uncaught TypeError: Cannot read property 'helpers' of undefinedfancybox 2.1.4 - 未捕获的类型错误：无法读取未定义的属性“助手”
【发布时间】：2013-03-16 21:28:36
【问题描述】：

我正在开发的网站存在一些问题，我似乎无法让 fancybox 使用 YouTube 剪辑对其进行正确测试。

这是我的脚本文件。使用 2.1.4 和 jQuery 1.9

script.js

var $j = jQuery.noConflict();

$j(document).ready(function(){

    $j('.flexslider').flexslider({
    animation: "slide"
  });

    $j('.fancybox-media').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });

});

flexslider 工作得很好，但是 fancybox-media 有问题。当我单击链接时，它只会打开链接，而不是在花式框窗口中打开媒体文件。

在 chrome 控制台里面说

Uncaught TypeError: Cannot read property 'helpers' of undefined jquery.fancybox-media.js:88
(anonymous function) jquery.fancybox-media.js:88
(anonymous function) jquery.fancybox-media.js:196

链接定义为：

<h2><a class="fancybox-media" href="http://www.youtube.com/watch?v=czQipWJA8EU">Watch This Video</a></h2>

另外，如果您想查看正在开发的网站可以在 www.miems.co 上找到它

任何想法请告诉我。真挚地，大卫

【问题讨论】：

好吧，在玩了一圈之后，我说了算，最后通过回退到 jquery-1.8.0.min.js 并回滚到 fancybox 2.0 而不是使用媒体框架来修复它我决定去使用旧的 iframe 设置，所以现在使用它。
您的 fancybox 代码在 jQuery v1.9.1 上运行良好，检查 JSFIDDLE ...您确定您没有忘记包含 jquery.fancybox-media .js 文件？

标签： jquery magento fancybox fancybox-2

【解决方案1】：

鉴于有数百个观点，但还没有答案

$('.fancybox').fancybox();

需要在调用来自 fancybox 的任何其他代码之前调用

在我的例子中，我改变了 javascript 的执行顺序，来自：

<script type="text/javascript" src="/static/js/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<script type="text/javascript" src="/static/js/jquery.fancybox.js?v=2.1.5"></script>

到：

<script type="text/javascript" src="/static/js/jquery.fancybox.js?v=2.1.5"></script>
<script type="text/javascript" src="/static/js/jquery.fancybox-thumbs.js?v=1.0.7"></script>

【讨论】：

【解决方案2】：

我遇到了同样的错误，因为我愚蠢地在页面上包含了 jquery.fancybox.js 两次。只需删除第二个调用，问题就会得到解决。

【讨论】：

【解决方案3】：

在 wordpress 中，经过长时间的研究和更新：

已经用 Fancybox 加载了主题，除此之外我还有一个插件也使用了 fancybox， 这造成了对 Fancybox 的双重调用。 Ashish Kumar 指出了这一点。谢谢我只禁用了插件，所有错误都消失了。

主题：旅游套餐

插件：Easy Fancybox

【讨论】：