javascript - 为什么 jQuery .cycle() 插件在我的网站上运行不佳？

Question

jQuery .Cycle() 插件不是很好用。当您转到浏览器上的另一个选项卡然后返回该站点时，它们不再循环。就像当您转到另一个选项卡几分钟时它会导致它中断一样。这并不好，因为它需要在没有任何问题的情况下继续循环遍历每个图像。有人可以帮忙吗？

我的代码是:

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> 
      <script type="text/javascript">
   
  $(document).ready(function() {
    $('#iMac').fadeIn(2000).cycle();
    $('#iMac2').click(function() {
     $.facebox({ div: '#video_dialog' });
    });
});
  </script>

        <span id="iMac" style="display:none;">
        <img src="resources/images/blank.gif" id="iMac1" />
        <img src="resources/images/blank.gif" id="iMac2" />
        </span>

你可以在这里看到它的运行情况，它是右边的监视器:

http://weebuild1.yolasite.com/

非常感谢任何帮助。谢谢。

Answer 1

我认为这与当浏览器选项卡不再处于事件状态时 setTimeout 被强制设置为 1000 毫秒这一事实有关。打开调试会在它停止时显示此消息:

[cycle] transition active, ignoring new tx request

它忽略请求但不设置新的超时以继续动画。

您可以做的是在选项卡重新获得焦点时重新开始循环:

$(window).focus( function() {
    $("#iMac").cycle("next");
});

我认为这更像是一种解决方法，而不是实际修复。