Question

我的服务器上有一个非常疲惫的行为。那是我的代码：

<script type="text/javascript">
jQuery(function($){
    $(".slides").cycle({
        fx:     'none',
        speed:   1,
        timeout: 1000,
        width: 160,
        height: 120
    }).cycle("pause");

    // Pause & play on hover
    $(".slideshow-block").hover(function(){
        $(this).find(".slides").addClass("active").cycle("resume");
    }, function(){
        $(this).find(".slides").removeClass("active").cycle("pause");
    });

});
</script>

HTML看起来像这样：

<div class="slideshow-block">
  <ul class="slides">
    <li><img src="img1.jpg" /></li>
    <li><img src="img2.jpg" /></li>
    <li><img src="img3.jpg" /></li>
  </ul>
</div></div>

现在，如果我在开头使用.cycle("pause")，则不会执行悬停功能。如果我在开始时跳过暂停，幻灯片放映在网站加载时运行，当我将鼠标移到图像上时它继续运行，当鼠标离开图像区域时停止运行，一切都应该是。当我开始播放幻灯片时，为什么这不起作用？

感谢任何提示。

Answer 1

您的代码在jsfiddle中正常运行。

http://jsfiddle.net/lucuma/pssgN/1/

上面的HTML有一个悬空的结束div ..

jQuery循环暂停时不恢复

1 个答案: