dom에 요소를 추가하고 jquery로 클래스를 적용하면 css3 전환이 적용되지 않습니다.

Question

먼저 내 데모는 JsFiddle입니다.

jquery가있는 dom에 요소를 추가하고 일부 css3- 전환 애니메이션을 만들려고합니다. 처음으로 첨부 할 때 왜 작동하지 않는지 잘 모르겠습니다. 버튼을 클릭하면 추가되지만 div에 addClass를 적용하면 애니메이션이 적용되지 않습니다. 단순히 애니메이션없이 CSS를 적용하기 만하면됩니다.

요소가 추가됩니다 후 바로 이것이 div.addClass('test') 작동하지 않는 이유의 어떤 생각?

는 Trigering a CSS3 Transition with adding a class with Jquery

와 동일 할 수있다 그러나 어떤 새로운 솔루션이 있다면 궁금 해요. 그 사람은 실제로 대답을 얻지 못한 것 같습니다.

Answer 1

기사에서 제안한 내용이 다소 효과가있는 것으로 보입니다. 주석 처리 된 코드가 표시되고 타임 아웃이 낮아 지거나 클래스 선택기와 변수/div가 아닌 필요가있는 것처럼 보입니다. 왜 그것이 효과가 있는지 전혀 모르겠다. 나는 단지 바이올린이다.

필자의 바이올린 줄을 바꿔서 해당 글의 제안을 반영했습니다.

setTimeout(function(){$('.article').addClass('test').removeClass('test2');}, 0)