Firefox에서 CSS 전환이 작동하지 않습니다.

Question

div # im1이 초기 위치에 있습니다. 왼쪽 : -300px; 버튼 .abtme_link을 클릭하면 javaScript가 위치를 443px로 변경합니다. Firefox 이외의 모든 브라우저에서 작동합니다. 이 문제에 대한 다른 게시물을 보았지만 제대로 작동하지 않는 것 같습니다. 스레드 중 하나가 파이어 폭스에서 CSS 전환이 작동하지 않는다고 결론을 냈습니다. 해결 방법이 있습니까? 나는 해결책을 발견했습니다, 그래서 확인을

#im1{ 
    width:400px; 
    position:absolute; 
    left:-300px; 
    transition:all .9s ease .5s; 
    -webkit-transition:all .9s ease .5s; 
    -moz-transition:all .9s ease .5s; 
    -o-transition:all .9s ease .5s; 
    -ms-transition:all .9s ease .5s; 
} 

$('.abtme_link').click(function() { 
     $('#im1').css('left','443px'); 
    }); 

Answer 1

,

내가 JS에 지연 기능을 추가 한

하고 잘 작동합니다. 왜 또는 어떻게 작동하는지 알 수 없습니다.

setTimeout(function(){ 
      $('.im1').css('left','443px'); 
     },10);