Làm thế nào để jQuery đợi cho đến khi một hiệu ứng kết thúc?

Tôi chắc chắn rằng tôi đã đọc về điều này một ngày khác nhưng dường như tôi không thể tìm thấy nó ở đâu.
Tôi có một fadeOut()sự kiện mà sau đó tôi xóa phần tử, nhưng jQuery đang xóa phần tử trước khi nó có cơ hội hoàn thành việc xóa mờ.
Làm cách nào để khiến jQuery đợi cho đến khi phần tử mờ dần rồi xóa nó?

Bạn có thể chỉ định một hàm gọi lại:

$(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
});

Tài liệu tại đây .

Với phiên bản jQuery 1.6, bạn có thể sử dụng .promise()phương pháp này.

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

Bạn cũng có thể sử dụng $.when()để đợi cho đến khi promisehoàn thành:

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

Trong trường hợp bạn đang thực hiện một yêu cầu cũng có thể không thành công, thì bạn thậm chí có thể tiến thêm một bước:

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

nếu thứ gì đó bạn muốn chuyển đổi, làm mờ dần một thứ và làm mờ một thứ khác ở cùng một vị trí, bạn có thể đặt thuộc tính {position: secure} trên các div, để cả hai hoạt ảnh chơi chồng lên nhau và bạn không có để đợi một hoạt ảnh kết thúc trước khi bắt đầu hoạt ảnh tiếp theo.