Question

Per the docs，这应该足以运行Twitter Bootstrap：

<div class="carousel">
  <div class="carousel-inner">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
  </div>
</div>

$('.carousel').carousel()

我还添加了jquery.transitions插件，因此我认为它会在旧浏览器中降级不幸的是，幻灯片在Firefox 3.6中完全没有移动。为什么呢？

Answer 1

看起来您需要将slide类添加到您的轮播中以使simple版本正常工作：

<div class="carousel slide">

示例轮播有它，并且代码中有一个检查：

if (!$.support.transition && this.$element.hasClass('slide')) {
  this.$element.trigger('slide')
  $active.removeClass('active')
  $next.addClass('active')
  this.sliding = false
  this.$element.trigger('slid')
}

但有点奇怪，他们没有提到它。

Twitter Bootstrap轮播在旧版浏览器上不起作用

1 个答案: