javascript - jQuery 循环插件在切换到另一个选项卡后停止滑动

Question

我正在使用 jquery cycle具有以下设置的插件。照片在给定时间内滑动没有问题，但如果我单击浏览器的另一个选项卡并等待 10 sn，然后返回幻灯片选项卡，我看到幻灯片已停止。它不会通过下一张照片。什么会导致此问题？

    var slideShow = $('.slideshow-container').cycle({ fx: 'fade', timeout: 3000, speed: 500, fastOnEvent: 1,
        skipInitializationCallbacks: true,
        pause: 1
    });

我正在使用 jQuery 1.6.2 和循环版本 2.9995(最新)。

您可以在 jsfiddle.net 上进行测试

Answer 1

好的，我想我明白了。它现在可以工作，至少可以使用您的代码指定的选项。我不确定(因为我还没有测试过)我的实现是否会与可以传递给循环插件的其他选项一起很好地发挥作用。

出现此问题的原因是在上一次转换完成之前设置了假定发生转换的下一次迭代。在某些情况下，下一个过渡会在前一个过渡完成之前触发，在新过渡开始时会检查是否已经有其他动画在进行 - 如果是这样，该函数将返回并停止(无需设置下一个迭代)。正在进行的动画结束后，幻灯片停止，因为没有安排下一个过渡。

我在 github 上 fork 了循环插件并发布了我的修复:https://github.com/WTK/cycle