jQuery-Funktion nicht abgeschlossen/Avia Slider

Question

Ich benutze den Avia-Schieberegler, um einen Bildrotator zu erstellen, jedoch habe ich den Code leicht geändert, um zwischen den Bildern zu wechseln, wenn Sie den Schieberegler mit Code wie folgt bewegen:

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

}); 

} 

Es funktioniert korrekt, aber ich habe festgestellt, dass es bricht, wenn Sie vor dem Übergang Mouseout beendet haben. Wie kann ich dies implementieren, so dass, wenn der Benutzer unsere oder mauset, während der Übergang gerade ist, wird es den Slider nicht brechen.

Hier ist ein Link zu einer ZIP-Datei meiner vollständigen Code: http://www.wearegrove.co.uk/fader.zip

Danke, Chris

Answer 1

Versuchen Sie den obigen Code zu ersetzen mit

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

        }); 

} 

Hoffentlich arbeiten, dass werde.

Lassen Sie mich wissen, wenn Sie eine Erklärung wie es funktioniert.