ट्विटर बूटस्ट्रैप हिंडोला - सीएसएस संक्रमण फ़ायरफ़ॉक्स

Question

में मैं Firefox में सीएसएस संक्रमण के साथ एक समस्या है। मैं ट्विटर बूटस्ट्रैप कैरोसेल का उपयोग करता हूं। मैंने कुछ बदलाव किए हैं, इसलिए चित्र दायें से बाएं स्लाइड नहीं करते हैं। इसके बजाए, वे फीका और फीका। मैंने कैरोसेल कैप्शन पर कुछ सीएसएस संक्रमण भी जोड़े हैं। http://jsfiddle.net/Jh3rF/181/

सब कुछ क्रोम में ठीक काम करता है, लेकिन नहीं Firefox (संस्करण 16, मैक) में:

यहाँ मेरी कोड है। जब मैं कैरोसेल में अगले लिंक पर क्लिक करता हूं, तो एक अच्छा संक्रमण होता है। सक्रिय स्लाइड fades बाहर और कैप्शन सही करने के लिए चला जाता है। लेकिन अगली स्लाइड की शीर्षक अचानक पता चलता है, एक अच्छा संक्रमण है क्रोम में जबकि (कैप्शन नीचे से ऊपर से चला जाता है और यह अच्छी तरह में फीका)। मुझे यहां कोई त्रुटि नहीं मिल रही है।

मैं किसी भी सलाह के लिए आभारी होंगे।

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); 
    }); 
});