Fancybox幻灯片只能使用一次

Question

我使用的Fancybox幻灯片只能工作一次，然后就停止了。据我所知，它无法循环回来，因为某些东西出了问题，我无法弄清楚是什么。如果你去他们的页面上尝试“扩展功能”，你会发现它在那里也不起作用... 或者至少对我来说是这样。

<!-- Add Fancybox library -->
<script type="text/javascript" src="http://www.Website.com/+Fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="/+Fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-buttons.css" />
<script type="text/javascript" src="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-buttons.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-thumbs.css" />
<script type="text/javascript" src="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript" src="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-media.js"></script>

<!-- Fancybox Properties -->
<script>
$(document).ready(function() {

    $.noConflict();

        $('.fancybox').fancybox({
        padding     :  0,
        prevEffect  : 'fade',
        nextEffect  : 'fade',
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        autoPlay    : 'true',
        mouseWheel  : 'true',
        helpers     : {
            buttons : {},
            title   : {
                    type: 'outside'
            }
        }
    });
});
</script>

响应式 Fancybox：http://www.fancyapps.com/fancybox/

谷歌浏览器版本：v24.0.1312.57

- Z33

---

很抱歉，我不明白你的意思。如果我尝试这些示例，它们似乎完美地运行。你能详细解释一下问题是什么吗？ - Florian Rachor

如果您向下滚动到“扩展功能”并打开图像，顶部会出现一个带有各种按钮的栏。如果您尝试使用播放按钮启动幻灯片演示，则会向前移动一张图片并停止。 - Z33

好的，感谢澄清。我可以确认这个问题，但在我看来这似乎是fancybox中的一个错误，因此您可以在GitHub问题中提交/搜索：https://github.com/fancyapps/fancyBox/issues - Florian Rachor

如果插件有错误，请不要在这里发布。Stack Overflow是用于帮助修复“您”的代码的，而不是用于报告错误或讨论的网站。请联系开发人员和/或在Github上发布此问题。谢谢。 - Sparky

是的，他们的页面告诉我来这里或Github，所以我会在Github上尝试一下，看看情况如何。如果有人弄清楚了，请提醒我一声。谢谢大家。 - Z33

Answer 1

我可以确认，如果使用jQuery 1.9.x，会出现错误。Fancybox v2.1.3在使用jQuery 1.9.x时出现了问题，您可以在这里看到。然后发布了v2.1.4来使其能够与jQuery v1.9.x一起使用，但我觉得buttons helpers js文件也需要进行修补。

作为解决方法，您可以回滚到jQuery v1.8.3。

请查看使用jQuery 1.8.3的JSFIDDLE示例。

请查看使用jQuery 1.9.1的JSFIDDLE示例。

附：我已经在github上提出了一个问题。

** 更新：** 最新提交已经修复了这个问题（虽然 fancyapps 主页示例和可下载文件尚未更新）。

- JFK

Answer 2

我不知道这是否导致了你的问题，但如果你设置了jQuery.noConflict();，你必须像这样使用jQuery而不是$：jQuery('.fancybox').fancybox({...

- Florian Rachor