Twitter Bootstrap旋轉木馬 - Firefox中的CSS轉換

Question

我在Firefox中遇到了css轉換問題。我使用Twitter Bootstrap旋轉木馬。我做了一些更改，所以圖片不會從右向左滑動。相反，它們會淡入淡出。我還在旋轉木馬標題上添加了一些CSS轉換。

這裏是我的代碼：http://jsfiddle.net/Jh3rF/181/

一切正常在Chrome但不是在Firefox（版本16，蘋果機）。當我點擊旋轉木馬中的下一個鏈接時，有一個很好的過渡。活動幻燈片淡出並且標題向右移動。但下一張幻燈片的標題突然顯示，而在Chrome中有一個很好的轉換（標題從上到下，它很好地淡入淡出）。我在這裏找不到任何錯誤。

我很感激任何意見。

Answer 1

嘗試宣告房產基礎價值，你想有過渡效果，爲回答這個帖子：

Why is my CSS3 Transition not working in Firefox?

Answer 2

我有同樣的問題，該動畫在谷歌Chrome，但在Firefox它的偉大工程突然出現。

所以我所做的很簡單，它會在下一張幻燈片出現時刪除並添加類。

所以這裏是代碼：

$('#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); 
    }); 
});