在Hover上啓動腳本jQuery循環

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');