jquery - 在 Hover jQuery Cycle 上启动脚本

Question

我已经在我的实践网页设计中完成了 jQuery 循环。我的问题是，我希望脚本在鼠标悬停时启动，但是当我刷新页面时，它已经启动了。在我的第一个鼠标悬停时，它停止了。然后第二个鼠标悬停，它开始播放幻灯片并在鼠标移出时停止。这是代码：

jQuery(function($){

    // Cycle plugin
    $('.slides').cycle();

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

});

我尝试输入“暂停”或“暂停”，$('.slides').cycle();但它实际上破坏了插件并且没有更多效果。谢谢您的帮助！:)

Answer 1

您可以使用.mouseover、.mouseout或.mouseenter来.mouseleave更好地控制鼠标操作。

例子：

$(".slideshow-block").mouseover(function() {
  $(this).find(".slides").addClass('active').cycle('resume');
}).mouseout(function(){
  $(this).find(".slides").removeClass('active').cycle('pause');
});

Answer 2

我已经找到了答案，我只是这样做了：

$('.slides').cycle().cycle('pause');