当我将鼠标悬停在滑板上时如何停止滑块？

Question

我试过javascript代码：

$( ".rotate-slider" ).hover(function() {
  $( this ).find( ".rotate-slider" ).stop( true, true ).fadeOut();
}, function() {
  $( this ).find( ".rotate-slider" ).stop( true, true ).fadeIn();
});

我也尝试用css来获取它：

.rotating-slide:hover .slider
{
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

不幸的是，以上代码似乎都不起作用。

Answer 1

使用类似的东西：

$( ".rotate-slider li" ).hover(function() {      
    clearInterval(rotateInterval);
}, function() {
  rotateInterval = window.setInterval(function(){
                if(!rotateSlider.slidesContainer.hasClass('animate')){
                    rotateSlider.slidesContainer.addClass('animate')
                }
                currentRotation = currentRotation - rotateSlider.slideAngle;
                rotateSlider.slidesContainer.css('transform', 'translateX(-50%) rotate('+currentRotation+'deg)');
            }, 4000);
});