jQuery Cycle Plugin的可变问题

Question

有人可以帮助我吗？

这是我的JS

 /* Soccer Call */   
      var hoverIn = function() {
          $('#soccer').cycle({
              fx: 'scrollLeft', 
              speed: 1000,
              timeout: 100 
           });
        },
          hoverOut = function() {
          $('#soccer').cycle({
               fx:'pause'
            });
          };

        $('#soccer').hover(hoverIn, hoverOut); 

我在控制台中收到的错误是

[cycle] unknown transition: pause ; slideshow terminating 

The jQuery Options are here

Answer 1

看起来暂停不是fx支持的值。基于此，我不完全确定，但我相信你想要：

 var hoverIn = function() {
   $('#soccer').cycle({
     fx : 'scrollLeft', 
     speed: 1000,
     timeout: 100 
   });
 }
 var hoverOut = function() {
   $('#soccer').cycle('pause');
 };

 $('#soccer').hover(hoverIn, hoverOut);

Answer 2

我找到了解决问题的方法。

    var $ss = $('#soccer').cycle({
        fx: 'scrollLeft',
        timeout: 2000
    }).hover(

    function() {
        // on hover over, advance the slide
        $ss.cycle('next').cycle('resume');
    }, function() {
        // on hover out, pause
        $ss.cycle('pause');
    }).cycle('pause');