Dan*_*mov 4 cross-browser jquery-plugins carousel css-transitions twitter-bootstrap
根据文档,这应该足以运行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()
Run Code Online (Sandbox Code Playgroud)
我还包括jquery.transitions插件,所以我认为它会在旧浏览器中降级.
不幸的是,幻灯片在Firefox 3.6中完全没有移动.为什么?
Dan*_*mov 11
看起来您需要slide在旋转木马上添加类才能使simple版本正常工作:
<div class="carousel slide">
Run Code Online (Sandbox Code Playgroud)
样品轮播有它,并且代码中有一个检查:
if (!$.support.transition && this.$element.hasClass('slide')) {
this.$element.trigger('slide')
$active.removeClass('active')
$next.addClass('active')
this.sliding = false
this.$element.trigger('slid')
}
Run Code Online (Sandbox Code Playgroud)
但有点奇怪他们没有提到它.
| 归档时间: |
|
| 查看次数: |
2265 次 |
| 最近记录: |