jQuery를 페이드 아웃, replaceWith 거의 나는 다음과 같은 달성하기 위해 노력하고

Question

작업 애니메이션 : ID = "페이더"와 사업부가, 클릭에 1. 한이 새로운 HTML이 나타납니다 (새 HTML과 페이더의 2. replaceHtml 페이드 아웃 브라우저의 폴드 아래) 3. 새 HTML에 애니메이션을 적용하여 지정된 위치까지 슬라이드합니다.

1 단계와 2 단계가 작동하며 3 단계는 작동하지 않습니다. 이유는 무엇입니까? 미리 사업부는 크게 감사하겠습니다 애니메이션되지 않습니다 이유에

$("#fader").fadeOut(1000, function() { 
    $(this).replaceWith('<div id=\"fader\" style=\"margin-top:-500px;width:500px;height:400px;border:1px solid black;\">new div</div>', function() { 
    $("#fader").animate({marginTop: "500px"}); 
    }); 
}); 

어떤 생각, 감사 :

다음은 자바 스크립트입니다! 귀하의 경우 .replaceWith()에

Answer 1

는이 애니메이션이 아닌 다른 서명이있어, 콜백이 없습니다.

대신보십시오 : 당신이 체인이 없습니다

$("#fader").fadeOut(1000, function() { 
    $(this).replaceWith('<div id="fader" style="margin-top:-500px;width:500px;height:400px;border:1px solid black;">new div</div>'); 
    $("#fader").animate({marginTop: "500px"}); 
}); 

참고 .replaceWith()원래 목적이 아니라 방금 만든 하나를 반환합니다.