当使用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}); 
    }); 

    }); 
});