Question

我正在使用Avia滑块来创建图像旋转器，但是当我使用如下代码悬停在滑块上时，我已经稍微修改了代码以便在图像之间进行更改：

if(options.autorotation == false ) 
                {   
                $('.mask').mouseenter( function() {
                    currentSlideNumber ++;
                    if(currentSlideNumber == slideCount) currentSlideNumber = 0;    
                    slideWrapper.methods.switchSlide();         
});             
                $('.mask').mouseleave( function() {
                    currentSlideNumber ++;
                    if(currentSlideNumber == slideCount) currentSlideNumber = 0;    
                    slideWrapper.methods.switchSlide();

});

}

它工作正常，但我注意到如果你在转换结束前使用mouseout它就会中断。我如何实现这一点，以便如果用户在转换过程中将鼠标移入或移入，则不会破坏滑块。

以下是我的完整代码的zip文件的链接：http://www.wearegrove.co.uk/fader.zip

谢谢，克里斯

Answer 1

尝试用

替换上面的代码

$('.mask').mouseenter( function() {
        if(!skipSwitch)
        {
            currentSlideNumber ++;
            if(currentSlideNumber == slideCount)   
            currentSlideNumber = 0; 
            slideWrapper.methods.switchSlide();
        }

                  });
$('.mask').mouseleave( function() {
        if(!skipSwitch)
        {
            currentSlideNumber ++;
            if(currentSlideNumber == slideCount) currentSlideNumber = 0;    
            slideWrapper.methods.switchSlide();
        }

                   });

}

希望这样可行。

如果您想要解释它是如何工作的，请告诉我。

jQuery函数没有完成/ Avia Slider

1 个答案: