Twitter 부트 스트랩 캐로 셀 - Firefox에서 CSS 전환

Question

Firefox에서 CSS 전환에 문제가 있습니다. 나는 트위터 부트 스트랩 회전 목마를 사용한다. 나는 약간의 변경을가 했으므로 그림이 오른쪽에서 왼쪽으로 슬라이드하지 않습니다. 대신, 그들은 페이드 인하 고 페이드 아웃합니다. 캐 러셀 캡션에 CSS 전환을 추가했습니다. http://jsfiddle.net/Jh3rF/181/

모든 크롬에서 잘 작동하지만 파이어 폭스 (버전 16, 맥)에서 :

여기 내 코드입니다. 컨베이어에서 다음 링크를 클릭하면 전환이 잘됩니다. 활성 슬라이드가 페이드 아웃되고 캡션이 오른쪽으로 이동합니다. 그러나 다음 슬라이드의 캡션은 갑자기 표시되는 반면 Chrome에서는 좋은 전환이 있습니다 (캡션이 위에서 아래로 이동하고 멋지게 사라집니다). 여기에 오류를 찾을 수 없습니다.

모든 조언에 감사드립니다.

Answer 1

이 게시물에 대답대로 전환 효과를 갖고 싶어 속성에 대한 기본 값을 선언보십시오 :

Why is my CSS3 Transition not working in Firefox?

Answer 2

난 그냥 같은 문제가 있었다, 애니메이션 구글 크롬에 있지만, 파이어 폭스 그것에서 좋은 작품 갑자기 나타납니다.

그래서 내가 한 것은 매우 간단합니다. 다음 슬라이드가 나오면 클래스를 제거하고 추가합니다.

$('#carousel-main').on('slide.bs.carousel', function (e) { 
    $(e.relatedTarget).find('.animated').each(function() { 
     var item = $(this); 
     var classes = item.attr('class'); 
     item.attr('class', ''); 
     item.hide(); 
     setTimeout(function(){ 
      item.show(); 
      item.addClass(classes); 
     }, 10); 
    }); 
});