Question

我的Fancybox幻灯片只能播放一次并停止播放。从我所知道的是，它没有循环回来，因为有些东西已经破了，我无法弄清楚是什么。如果你去他们的页面去扩展功能＆＃34;并尝试一下，你会发现它不在那里工作......或者至少对我而言。

<!-- 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/

Google Chrome：v24.0.1312.57

Answer 1

如果使用jQuery 1.9.x

，我可以确认存在错误

使用jQuery 1.9.x打破了Fancybox v2.1.3 see it here。然后发布了v2.1.4以使其与jQuery v1.9.x一起使用，但在我看来，buttons助手js文件也必须进行修补。

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

使用jQuery 1.8.3查看 working JSFIDDLE 。

使用jQuery 1.9.1查看 broken JSFIDDLE 。

PS。我确实在 github

打开了一个问题

** 更新：

此问题已在 last commit 中修复（未在fancyapps主页中更新，但未下载可下载的文件）

Answer 2

我不知道这是否会导致您的问题，但如果您设置jQuery.noConflict();，则必须使用jQuery而不是$，如下所示：jQuery('.fancybox').fancybox({...

Fancybox幻灯片只能使用一次

2 个答案: