Функция jQuery не завершается / Avia Slider

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

});

}

Он работает правильно, но я заметил, что он ломается, если вы наведите курсор мыши до завершения перехода. Как я могу реализовать это так, чтобы, если пользователь подключил наш или во время перехода, он не сломал ползунок.

Вот ссылка на zip-файл моего полного кода: http://www.wearegrove.co.uk/fader.zip

Спасибо, Chris

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();
        }

                   });

}

Надеюсь, это сработает.

Дайте мне знать, если вы хотите объяснить, как это работает.