fadein / fadeout問題，嘗試停止但不起作用

Question

所以我想要做的就是淡出一個div而淡入另一個div。 當我懸停鏈接時，我想淡出prev div並淡入正確的div。 一切正常，除非我將鏈接懸停在鏈接上太快。 當我徘徊得太快時，div就不會消失。 我嘗試過使用stop（），並在stop函數上嘗試了不同的true false組合，但沒有任何效果。 如果我將淡入淡出定時器更改為0則可以正常工作。 我的代碼太多了，不能粘貼在這里，但基本上它不是一個簡單的淡入淡出/淡出。 在調用淡入淡出函數之前，我還有其他一些事情要做

這是我的淡入淡出功能

var fadeEffect = function (a, b) {
    $(a).fadeOut(300, function () {
        $(b).fadeIn(300);
    });
} 

它是一個對象內部的私有函數。 我嘗試在a和/或b上使用stop（），我仍然得到同樣的東西。 如果我將300更改為0，那么任何人都有任何想法嗎？

簡化版本http://jsfiddle.net/LLMUX/9/

Answer 1

我已經更新了你的JSFiddle - > http://jsfiddle.net/manseuk/LLMUX/11/

我做的是將停止添加到動畫的div - 停止重復：

   $("#vehicleSelector .vehiclesList").bind({
       mouseenter: function(event) {
          $('#vehicleSlides div, #promoSlides div').stop(true,true); // stop any running animations
           event.stopPropagation();
           sControl.timerIsOn = false;
           showSecondary(this.id)
       },
       mouseleave: function(event) {
           $('#vehicleSlides div, #promoSlides div').stop(true,true); // stop any running animations
           event.stopPropagation();
           next();
       }
   });