javascript - 获得带有花式框的 "The requested content cannot be loaded"(尽管控制台中没有错误)

Question

我正在使用 fancybox 来制作一个简单的 vimeo 弹出窗口:http://fancyapps.com/fancybox/

这是我的 jQuery:

$(".fancybox").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    padding: 0
});

这是我的 HTML:

<a class="fancybox" href="http://vimeo.com/5319920">
    <img class="video_preview" src="/assets/home/video_preview.png">
</a>

问题是我得到了一个The requested content cannot be loaded 错误，没有任何记录的错误。显然正在调用脚本。

这里可能发生了什么，有什么想法吗？我完全不知所措。

谢谢!

Answer 1

你还需要两件事:

1).添加 fancybox-media helper js 文件(检查你自己的路径):

<script type="text/javascript" src="{your_path}/helpers/jquery.fancybox-media.js"></script>

2).将 helpers 媒体选项添加到您的脚本中:

$(".fancybox").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    padding: 0, //<-- notice I added a comma here ;)
    helpers : {
     media : {}
    }
});