jQuery：我的.remove（）发生在.fadeOut（）完成之前

Question

我试图让我的.fadeout效果发生，然后删除＃all＃39;然后运行＆＃39; genDiv＆＃39;功能。但是，当我（＆＃39; .button＆＃39;）点击时，它似乎会跳过.fadeout效果并跳到我的.remove和＆＃39; genDiv＆＃39;中。在继续编写代码之前，我怎么能完全淡出它。我试过了。但是也许我不太了解它的作用或它是如何工作的。非常感谢。这是我的代码片段：

$('.button').click(function() {
   $('#all').fadeOut(2000)
   $('#all').remove()
   genDivs() 

Answer 1

使用回调：

$('#all').fadeOut(2000, function() {
    $('#all').remove()
    genDivs() 
})