【问题标题】:jQuery Cycle not resuming when paused暂停时jQuery循环不恢复
【发布时间】:2012-06-09 08:06:32
【问题描述】:

我的服务器上出现了非常奇怪的行为。这是我的代码:

<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"),悬停功能不会被执行。如果我在开始时跳过暂停,加载网站时幻灯片正在运行,当我将鼠标移到图像上时它会继续运行,当鼠标离开图像区域时它会停止,一切都应该是.为什么当我开始播放幻灯片时这不起作用?

感谢任何提示。

【问题讨论】:

  • 对我来说看起来是正确的。你能把你的代码放在jsfiddle
  • 看起来有些 wordpress 插件把一切都搞砸了……

标签: jquery hover cycle jquery-cycle


【解决方案1】:

您的代码在 jsfiddle 中运行良好。

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

上面的 HTML 有一个悬空的闭合 div..

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-12-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多