Javascript Ruby on Rails-引导转盘按钮不工作

我正试图通过Ruby on Rails中的回形针gem在html5中创建一个图像旋转木马。我成功地创建了一个旋转木马，在那里我使用了静态的库存图像（5），但是当我尝试遍历图像时，格式会保持不变，间隔会起作用，但“上一步”和“下一步”按钮不起作用

考虑到我的静态旋转木马的工作原理，我非常确定我的jquery链接都是正确设置的，但我无法找出迭代链接。我已经包括了下面两个。任何帮助都将不胜感激，谢谢

仅供参考-我已经研究了很多像这样的帖子，似乎没有一篇能回答我的具体问题-

按钮不起作用的代码：

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

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
              <div class="active item">
                 <%= image_tag("Chess.png", :alt => "chess") %>
              </div>
              <% @outings.each do |outing| %>
                  <div class="item">
                    <%= image_tag outing.image.url(:medium) %>
                  </div>
              <% end %>
            </div>

            <!-- Controls -->
              <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
              </a>
              <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
              </a>
          </div>

---

请注意，在循环中，您正在调用类项（不起作用的项）

然后注意工作代码中的

<div class="item active">
  <%= image_tag("Chess.png", :alt => "chess") %>
  <div class="carousel-caption">
    <h3>First Image</h3>
  </div>
</div>

“国际象棋”）%%>
第一图像

第一个具有“活动”类，引导转盘要求至少有一个类“项”处于“活动”状态

因此，在代码中，尝试在第一个循环中添加类“active”

<% @outings.each_with_index do |outing, index| %>
  <div class="item <%= index == 0 ? 'active' : '' %>">
    <%= image_tag outing.image.url(:medium) %>
  </div>
<% end %>

一直这样，最后终于明白了！因为我有多个旋转木马，所以我需要每个stackoverflow Q&A有多个旋转木马ID：

谢谢Christian，我喜欢这样的设置，允许在迭代中首先出现一个“活动”项，这样我就可以删除单个活动项（在我的示例中是chess.png），但结果与以前完全相同（图像将根据时间间隔滚动，但旋转木马按钮仍然不起作用）。还有其他想法吗？好吧，这很奇怪，我尝试使用您的代码创建相同的场景（我只是创建一个带有图像字段的外出表，并创建一个种子文件以上载图像）我使用carrierwave gem上传图像。唯一的区别是我将你的咖啡脚本转换为javascript…哼，你认为这与通过java使用咖啡有关吗？在我的应用程序视图中，我有这个javascript链接，我需要为咖啡脚本添加类似的脚本吗？事实上没有，我没有我想知道我的问题是否出在哪里了，我一开始很难让旋转木马正常工作，我读到的一些帖子建议添加bootstrap CDN部分下的脚本ed删除这些脚本并添加引导sass gem和旋转木马（以及我设置的其他引导功能）都停止工作）我对所有这些都很陌生，所以我想知道我的gem是否没有正确设置（或者我有太多？）

<% @outings.each do |outing| %>
  <div class="item">
    <%= image_tag outing.image.url(:medium) %>
  </div>
<% end %>

<div class="item active">
  <%= image_tag("Chess.png", :alt => "chess") %>
  <div class="carousel-caption">
    <h3>First Image</h3>
  </div>
</div>

<% @outings.each_with_index do |outing, index| %>
  <div class="item <%= index == 0 ? 'active' : '' %>">
    <%= image_tag outing.image.url(:medium) %>
  </div>
<% end %>