當使用fadeIn out fadeOut動畫時重疊div

Question

陷入了一個奇怪的問題.. :-(我在基於用戶點擊的div中褪色，這一切都很好，但是當用戶以更快的速度在鏈接之間切換時，我最終重疊的div任何人都可以分享我導致對如何解決這一問題。該的jsfiddle如下

jsFiddle Link

Answer 1

你可以設置一個標誌，中止進一步點擊，直到動畫完成。

$(document).ready(function() { 
    var running = 0 
    $('.page-slide').click(function() { 
     if(running==1) { 
      return 
     } 
     running = 1 
     var getId = $(this).attr('rel'); 

    $('.rightCol:visible').fadeOut('fast', function() { 
     $('#'+ getId +'').fadeIn('slow',function(){running=0}); 
    }); 

    }); 
});