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

标签 javascript jquery jquery-cycle

我正在使用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上进行测试

最佳答案

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

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

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

关于javascript - jQuery循环插件切换到另一个选项卡后停止滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7316988/

相关文章:

javascript - PHP - 如果用户退出网页则取消链接文件?

jquery - 在 <li> 元素内时 Bootstrap checkbox-switch css 问题

jquery - 单击按钮时关闭 jQuery 厚盒

javascript - jQuery 循环添加幻灯片 "alt"

jquery - 无法修复的重叠

javascript - 解释 $apply 和 $eval |我可以用其他功能代替它们吗? AngularJS

Javascript循环/递增值最大为55的html代码

php - 如何用PHP计算支付网关

来自图像标题属性的 Jquery 循环哈希 URL

javascript - 检索对象中最深层属性的路径