jQuery로 동적 요소 애니메이션하기

Question

동적으로 추가 된 요소에서 작동하는 페이드 아웃 애니메이션을 가져올 수 없습니다.

내가하려고하는 일은 사이트에서 배경을 바꿀 수있는 메커니즘을 만드는 것입니다.

아이디어는 몸체와 같은 클래스로 임시 div를 만들고, 몸체 클래스를 변경 한 다음 애니메이션이 완료되면 임시 div를 사라지게 만드는 것입니다.

연결된 예제는 기본입니다. 배경에는 실제 이미지의 색상이 아닌 다른 이미지가 있으므로 jQueryUI addClass 확장을 사용하면 효과가 없습니다.

여기에 사전에 fiddle

감사합니다.

Answer 1

대신 사용해보십시오. 이 애니메이션으로 당신이 무엇을 의도하는지 확신 할 수 없지만, 이런 식으로 '일하는 것'인 것 같습니다.

$('#wrapper').fadeOut(2e3, null, function() { 
     $page.unwrap($wrap); 
    });