Twitter Bootstrap 3轮播在Firefox中没有动画答案

【问题标题】：Twitter Boostrap 3 carousel Not Animating in FirefoxTwitter Bootstrap 3轮播在Firefox中没有动画
【发布时间】：2013-12-29 13:20:02
【问题描述】：

Twitter Bootstrap Carousel Animation 不能在 Firefox 中转换，但在 Chrome 上运行良好。我什至在 Firefox 上尝试了来自 GetBoostrap official website 的示例代码，但它仍然没有传输，只是快速更改而没有注意到任何影响。

从来没有从 SO 那里得到关于做什么的工作样本。

我的代码sn-p

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="/static/img/2.png">
            <div class="carousel-caption">
                <h3 style="color:#000">First slide label </h3>
                <p style="color:#000">Nulla vitae elit libero, a pharetra augue mollis interdum</p>
            </div>
        </div>

        <div class="item ">
            <img src="/static/img/1.png">
            <div class="carousel-caption">
                <h3 style="color:#000">Second slide label </h3>
                <p style="color:#000">Nulla vitae elit libero, a pharetra augue mollis interdum</p>
            </div>
        </div>

        <div class="item ">
            <img src="/static/img/4.png">
            <div class="carousel-caption">
                <h3 style="color:#000">Third slide label </h3>
                <p style="color:#000">Nulla vitae elit libero, a pharetra augue mollis interdum</p>
            </div>
        </div>
    </div>

    <!-- Controls -->
    <span class="left carousel-control" href="#carousel-example-generic" data-slide="prev" id="left-btn" onmouseover=setCursorByID("left-btn","pointer")>
        <span class="glyphicon glyphicon-chevron-left" style="color:#999999" ></span>
    </span>

    <span class="right carousel-control" href="#carousel-example-generic" data-slide="next" id="right-btn" onmouseover=setCursorByID("right-btn","pointer")>
        <span class="glyphicon glyphicon-chevron-right" style="color:#999999" ></span>
    </span>
</div>

谁能给我正确的指导？

【问题讨论】：

再试一次，示例滑块对我来说很好用。 (ff24)。确保您拥有所需的 js / 图像以及所需的任何资源
@RonniSkansing 我在 FF14 上尝试过但无法正常工作。这就是公司正在帮助使用的东西。我该怎么办？
只是为了确保我做对了，当您转到引导页面并查看示例滑块时，这也不起作用？还是仅当您尝试将其应用到另一个页面时？
是的，它在引导页面上的示例滑块中不起作用。我在 chrome 上打开了相同的 url，它的动画效果很好，但在 FF 上没有显示。这是链接getbootstrap.com/javascript/#carousel
这里无法重现。您应该设置应该工作的最低浏览器和版本。如果客户要求它在较旧的浏览器上运行，您只需要求更多的钱并花时间修复它。一个好的起点是在开发者工具栏（控制台）中，检查是否有任何错误。

标签： jquery css twitter-bootstrap firefox

【解决方案1】：

在Ronny Skansing的帮助下。我能够弄清楚这个问题的常见问题。

确保您始终为 Twitter Bootstrap 3 使用最新的浏览器。* 轮播动画过渡在 Mozilla FF 上为您工作。

不过，如果您正在寻找向后兼容性。如果您确实想要回退或优雅降级，您可以自行寻找解决方案。谢谢

【讨论】：