根据文档,这应该足以运行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中,幻灯片根本无法移动。为什么?
似乎需要将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')
}
有点奇怪,他们没有提到这件事。