Karuzela Bootstrap na Twitterze - przejście programu css w przeglądarce Firefox

Question

Mam problem z przejściem do programu css w przeglądarce Firefox. Używam karuzeli Twitter Bootstrap. Wprowadziłem kilka zmian, więc zdjęcia nie przesuwają się od prawej do lewej. Zamiast tego, znikają i znikają. Dodałem także pewne przejścia css na napisach karuzeli.

Oto mój kod: http://jsfiddle.net/Jh3rF/181/

Wszystko działa poprawnie w Chrome, ale nie w Firefox (w wersji 16, Mac). Kiedy klikam na następne łącze w karuzeli, następuje przyjemne przejście. Aktywny slajd zanika, a napis przesuwa się w prawo. Ale podpisy następnych pokazów slajdów nagle, podczas gdy w Chrome jest przyjemne przejście (podpis idzie od góry do dołu i dobrze zanika). Nie mogę znaleźć tutaj żadnego błędu.

Byłbym wdzięczny za wszelkie porady.

Answer 1

Spróbuj zgłaszania wartości bazowe dla właściwości chcesz mieć efekt przejścia, jak odpowiedział w tym poście:

Why is my CSS3 Transition not working in Firefox?

Answer 2

prostu miałem ten sam problem, animacja działa świetnie na Google Chrome, ale w Firefox it pojawia się nagle.

To, co zrobiłem, jest bardzo proste, usuwa i dodaje klasy, gdy nadchodzi kolejny slajd.

Tak oto kod:

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