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毫秒这一事实有关。启用debug会在停止时显示此消息：

[循环]转换激活，忽略新的tx请求

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

当标签重新获得焦点时，您可以做的是重新启动循环：

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

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

为什么jQuery .cycle（）插件在我的网站上运行得不好？

我的代码是：

1 个答案: