Bootstrap Carousel 活动类在 Rails 中不起作用答案

【问题标题】：Bootstrap Carousel active class not working in RailsBootstrap Carousel 活动类在 Rails 中不起作用
【发布时间】：2016-04-12 00:39:29
【问题描述】：

由于某些原因，轮播的“活动”类没有为以下代码循环：

<div id="foo" class="carousel slide" data-ride="carousel">
    <div class="overlay"><h1>SOME TEXT HERE</h1></div>
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#foo" data-slide-to="0" class="active"></li>
        <li data-target="#foo" data-slide-to="1"></li>
        <li data-target="#foo" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" id="main-carousel"  role="listbox">
        <div class="item active">
            <%= image_tag("someImage.JPG") %>
        </div>
        <div class="item">
            <%= image_tag("someImage.JPG") %>
        </div>
        <div class="item">
            <%= image_tag("someImage.JPG") %>
        </div>
    </div>
</div>

在页面底部我有以下脚本标签：

<script>
    $('.carousel').carousel({ interval: 3000 });
</script>

活动类不会移动到第二或第三项。

【问题讨论】：

尝试检查开发者控制台是否没有错误。
这应该可以正常工作——尽管因为您使用的是数据，所以您不需要在 js 中进行初始化。 -- 你还记得在你的 application.js 中添加 bootstrap js 要求吗？

标签： jquery ruby-on-rails twitter-bootstrap carousel

【解决方案1】：

从我在这里可以说的一切来看，您的代码没有任何问题。我看到的唯一问题可能是：

您的图片路径不正确。
您的项目中没有加载需要 bootstrap.css jQuery 和 bootstrap.js 脚本的引导轮播的依赖项。

在这里修改您的确切代码：https://jsfiddle.net/khvgqkme/

【讨论】：

非常感谢您的回复麦克斯韦。事实上，我确实在我的项目中加载了这些依赖项以及图像的正确路径。也许我在代码的另一部分覆盖了某些东西。还是谢谢！