jQueryをエフェクトが終了するまで待つ方法を教えてください。

Question

私はこれについて先日読んだと確信していますが、どこでも見つけることができません。
私は​​イベントを持っています。その後、要素を削除しますが、jQueryはフェードアウトを終了する前に要素を削除しています。
要素がフェードアウトするまでjQueryを待機させるにはどうすればいいですか？次にを削除しますか？

$(selector).fadeOut('slow', function() { 
    // will be called when the element finishes fading out 
    // if selector matches multiple elements it will be called once for each 
}); 

Documentation here：

Answer 1

あなたはコールバック関数を指定することができます。

Answer 2

切り替えたいものがある場合は、フェードアウトして別の場所をフェードアウトさせると、divに{position：absolute}属性を付けることができるため、両方のアニメーションが互いの上で再生され、 1つのアニメーションが終了してから次のアニメーションを開始するまで待つ必要はありません。

Answer 3

jQuery 1.6バージョンでは、.promise()メソッドを使用できます。

$(selector).fadeOut('slow'); 
$(selector).promise().done(function(){ 
    // will be called when all the animations on the queue finish 
}); 

Answer 4

あなたにもpromiseが終了するまで待つように$.when()を使用することができます。あなたにも失敗する可能性があり、要求をやっている

var myEvent = function() { 
    $(selector).fadeOut('fast'); 
}; 
$.when(myEvent()).done(function() { 
    console.log('Task finished.'); 
}); 

場合、あなたはさらに一歩を行くことができます：

$.when(myEvent()) 
    .done(function(d) { 
     console.log(d, 'Task done.'); 
    }) 
    .fail(function(err) { 
     console.log(err, 'Task failed.'); 
    }) 
    // Runs always 
    .then(function(data, textStatus, jqXHR) { 
     console.log(jqXHR.status, textStatus, 'Status 200/"OK"?'); 
    });