jquery - Fancybox 幻灯片只能播放一次

标签 jquery fancybox fancybox-2

我的 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

最佳答案

我可以确认使用 jQuery 1.9.x 时存在错误

Fancybox v2.1.3 已使用 jQuery 1.9.x 损坏 see it here 。然后发布了 v2.1.4 以使其与 jQuery v1.9.x 一起使用,但在我看来, buttons helpers js 文件也必须修补。

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

查看 working JSFIDDLE 使用 jQuery 1.8.3。

查看 broken JSFIDDLE 使用 jQuery 1.9.1。

PS。我确实在 github 上打开了一个问题

** 更新:

该问题已在 last commit 中修复。 (虽然在 fancyapps 主页示例中没有更新,但也没有可下载文件)

关于jquery - Fancybox 幻灯片只能播放一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15007825/

相关文章:

javascript - 使用jquery动态添加div id到类元素

jquery - 来自 Fancybox 画廊的图像对齐

javascript - 花式盒子问题

fancybox - 使用带或不带缩略图的 Fancybox 3 图片库?

javascript - getScript 函数不工作 - jquery

javascript - 如何在 CKEditor 上设置默认字体大小

jquery - Fancybox2 通过添加 margin-right 修改 <body> 的 CSS

jquery - 将 HTML 插入 fancybox 关闭按钮

javascript - 使用按钮关闭 fancybox 模式

javascript - 在 for 循环中定义函数