Twitter Bootstrap 轮播不适用于旧版浏览器

发布于 2025-01-05 07:20:03 字数 502 浏览 1 评论 0原文

根据文档，这应该足以运行 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()

我还包括 < code>jquery.transitions 插件，所以我认为它会在旧版浏览器中降级。
不幸的是，幻灯片在 Firefox 3.6 中根本不移动。为什么？

原文

Per the docs, this should be enough to run 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()

I also included jquery.transitions plugin so I assumed it would degrade in older browsers.
Unfortunately, the slides don't move at all in Firefox 3.6. Why?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

Spring初心 2025-01-12 07:20:03

看起来您需要将 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')
}

有点奇怪但他们没有提到这一点。

It looks like you need to add slide class to your carousel for the simple version to work:

<div class="carousel slide">

Sample carousel has it, and there is a check in the code:

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

Kind of strange they didn't mention it, though.

回复收藏 0 原文

~没有更多了~