Як заставити jQuery чекати, поки ефект закінчиться?

Я впевнений, що читав про це днями, але, здається, ніде його не можу знайти.
У мене є fadeOut()подія, після якої я видаляю елемент, але 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
});

Документація тут .

З версією jQuery 1.6 ви можете використовувати .promise()метод.

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

Ви можете також $.when()дочекатися promiseзавершення:

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"?' );
    } );

якщо ви хочете щось переключити, згасаючи одне і згасаючи інше в тому самому місці, ви можете розмістити атрибут {position: absolut} на дівах, тож обидві анімації грають одна над одною, і у вас немає чекати, коли одна анімація закінчиться, перш ніж запустити наступну.