.remove() 무시 .delay()?

Question

Here이 예는 다음과 같습니다

<div id='example'> 
    ciao 
</div> 

$('#example').fadeOut(600).delay(600).remove(); 

내가 그것을 제거보다는 요소를 페이드 아웃하기를 원하지만 그 .remove()는 (그래서 요소가 immediatly 제거) .delay()을 무시하는 것 같습니다.

이 문제를 어떻게 해결할 수 있습니까?

Answer 1

.remove에는 애니메이션이 적용되지 않으므로 .delay은 적용되지 않습니다.

당신이 애니메이션이 완료되면 실행됩니다 함수를 통과 할 수있는 (콜백 인수 - http://api.jquery.com/fadeOut/ 참조)

$('#example').fadeOut(600, function() { 
    $(this).remove(); 
}); 

http://jsfiddle.net/pimvdb/Sny7P/1/

Answer 2

콜백 대신

$('#example').fadeOut(600, function() { $(this).remove(); }); 

지정

Answer 3

지연을 사용하는 대신 fadeOut에 콜백을 전달하십시오.

$('#example').fadeOut(600, function() { 
    $("#example").remove(); 
});