fancybox 2.1.4 - 未捕获的TypeError:无法读取未定义的属性'helpers'

Question

对于我正在处理的网站存在一些问题,我似乎无法让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有问题.当我点击链接时,它只是打开链接而不是在fancybox窗口中打开媒体文件.

在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找到

任何想法,请告诉我.真诚的,大卫

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