使用同步函数调用对不同的div进行队列异步jquery效果

Question

我想淡出div1。然后淡入div2。然后执行doStuffAtTheEnd函数。

我认为当每个效果都需要回调时，一切都是同步的。但我从来没有看到div2的淡入淡出。它只是立即可见而不会褪色。

为什么？

$('#div1').fadeOut(1000, function () {
    $('#div2').fadeIn(1000), function(){           
            doStuffAtTheEnd();
        }); 
});

Answer 1

您的结束括号)

不正确

试试这个

$('#div1').fadeOut(1000, function () {
   $('#div2').fadeIn(1000, function(){  
                   //----^----here         
        doStuffAtTheEnd();
    }); 
});

并确保默认隐藏div2。

<强>更新

在您的css中为div2添加display:none或将其隐藏为document.ready function $('#div2').hide() ...创建此示例小提琴（假设这是您想要的）...

fiddle here