引导轮播事件在 Firefox 浏览器中不起作用答案

【问题标题】：Bootstrap carousel event isn't work in Firefox browser引导轮播事件在 Firefox 浏览器中不起作用
【发布时间】：2014-07-08 16:30:26
【问题描述】：

我试图自定义引导轮播以使其成为一个简单的内容滑块。我在引导文档中看到了两个事件，并使用 animate.css 进行动画，chrome 甚至 Internet Explorer 完美地显示了动画。但在 Firefox 动画中只是第一次工作。

这是我用来设置动画的代码

$('#home-slider').on('slide.bs.carousel', function () {
$('#home-slider .slideInLeftTrigger').removeClass('slideInLeft');
$('#home-slider .fadeInRightBigTrigger').removeClass('fadeInRightBig');

$('#home-slider .slideInLeftTrigger').addClass('slideInLeft');
$('#home-slider .fadeInRightBigTrigger').addClass('fadeInRightBig');

console.log('next');
})

神秘的是控制台日志打印完美，但 addClass 和 removeClass 不起作用。

有没有办法在所有浏览器中显示动画？

**我是新来的，如有错误请见谅！

【问题讨论】：

标签： jquery css twitter-bootstrap

【解决方案1】：

我已经解决了这个问题，现在它在 firefox 上工作，

我打算删除这个主题，但最好将解决方案保留在这里以供将来参考。

我使用了两个引导轮播事件，一个用于删除动画类，一个用于添加，

$('#home-slider').bind('slide.bs.carousel', function (e) {
  $('#home-slider .slideInLeftTrigger').removeClass('slideInLeft');
  $('#home-slider .fadeInRightBigTrigger').removeClass('fadeInRightBig');
})

$('#home-slider').bind('slid.bs.carousel', function (e) {
  $('#home-slider .slideInLeftTrigger').addClass('slideInLeft');
  $('#home-slider .fadeInRightBigTrigger').addClass('fadeInRightBig');

})

谢谢

【讨论】：