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

    });
});