如何让jQuery等待效果完成？

Question

我敢肯定，前几天我读到了这件事，但似乎找不到任何地方。我有一个fadeOut()事件，之后我删除了元素，但是jQuery在有机会完成淡出之前删除了该元素。如何让jQuery等待元素淡出，然后将其删除？

Answer 1

您可以指定一个回调函数：

$(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

});

Answer 2

在jQuery 1.6版本中，您可以使用.promise()方法。

$(selector).fadeOut('slow');

$(selector).promise().done(function(){

    // will be called when all the animations on the queue finish

});

Answer 3

您也可以使用$.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"?' );

    } );