如何让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 .

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

如果您希望切换,淡出一个,淡出另一个,在同一个地方,您可以放置一个位置:绝对属性在div上,所以两个动画都在一个上面播放,并且您不必等待一个动画结束,然后启动下一个动画。