jQuery를 사용하여 CSS3 전환을 일시 중지 한 후에 만 ​​작동합니까?

Question

스타일의 CSS 속성을 변경하는 jQuery로 CSS3 전환을 추가하려고합니다. 의

그것은 매우 어리석은 일이 될 수도 있지만 내가 CSS 속성의 갱신 전에 alert을한다면 내가 왜 몰라 (... 나는 transform3d와 함께 할 싶지만 속성은 동적) CSS3 전환이 잘 작동합니다. 그렇지 않은 경우 그렇지 않습니다. http://jsfiddle.net/7WPT8/1/

는 CSS를 업데이트하는 데 사용되는 코드는 다음과 같습니다 :

//topPosition is the dynamic value 
$(this).css('top', topPosition+'px'); 

그것은 단지 당신이 무슨 뜻인지보고 싶다면 여기의 예와 jsfiddle을

, 그냥 alert 코멘트 이전에 alert을 사용하면 작동합니다.

Answer 1

, 그것은 타이밍 문제입니다. (나는 VAR _this을 사용하고

http://jsfiddle.net/7WPT8/5/ 확인 - 그것은 또한 CSS 속성의 변화를 실행하는 데 최소한의 제한 시간을 사용하여 방지 할 수 있습니다 (시작부터 문서의 flashmessage을 가진 경우에하는 것은 선택 사항이 아닙니다) jQuery 엘리먼트를 클로저를 통해 익명의 함수에 전달하려면 여기를 클릭하십시오. 그렇지 않으면 시간 초과를 통해 분리 된 실행으로 인해 $(this)이 무엇인지 알 수 없습니다.)

Answer 2

요소를 생성하고 나중에 요소를 사용하는 곳에서 showFlash() 함수를 직접 호출합니다. 시퀀스에 시간 문제가있을 수 있으며 alert()은 현재 시퀀스를 깨뜨리고 작동합니다.

간단한 방법으로이를 방지하려면 콘텐츠에 직접 div을 추가하십시오. 스벤이 옳다

http://jsfiddle.net/7WPT8/4/