효과가 끝날 때까지 jQuery를 기다리게 하는 방법은?

효과가 끝날 때까지 jQuery를 기다리게 하는 방법은?

요전에 읽은 건 확실한데 어디에서도 찾을 수가 없네요.
저는.fadeOut()이벤트 후에 요소를 제거하지만, jQuery는 요소가 페이드 아웃을 완료하기 전에 요소를 제거하고 있습니다.
요소가 사라질 때까지 jQuery를 기다렸다가 제거하려면 어떻게 해야 합니까?

jQuery 1.6 버전에서는 메소드를 사용할 수 있습니다.

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

콜백 함수를 지정할 수 있습니다.

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

여기 설명서입니다.

사용할 수도 있습니다.$.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"?' );
    } );

전환하고 싶은 것이 있다면, 같은 장소에서 하나가 사라지고 다른 하나가 사라지면, divs에 {position:absolute} 속성을 배치할 수 있으므로 두 애니메이션 모두가 서로 위로 재생되며, 한 애니메이션이 끝날 때까지 기다릴 필요가 없습니다.

언급URL : https://stackoverflow.com/questions/1065806/how-to-get-jquery-to-wait-until-an-effect-is-finished