jquery - 使用同步函数调用对不同 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默认隐藏。

更新

为 div2添加display:nonecss 或将其隐藏起来 document.ready 函数$('#div2').hide()......创建了这个示例小提琴（假设这是你想要的）......

在这里摆弄