Question

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

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

$('#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 不起作用。

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

**我是新来的，原谅我有任何错误！

Answer 1

我已经解决了问题，现在它正在使用firefox，

我打算删除这个主题，但最好将解决方案留在这里以备将来使用。

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

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

})

由于

Bootstrap轮播事件在Firefox浏览器中不起作用

1 个答案: