Ruby on rails 带carrierwave的引导转盘

我正在尝试使用用户通过carrierwave上传的多张照片制作幻灯片

这是我的帖子/show.html.erb

<div id = "carousel-example-generic" class= "carousel slide" data-ride= "carousel">
    <!-- Wrapper for slides -->
  <div class="carousel-inner">
  <% @photo_attachments.each do |p| %>
    <div class="item active">
        <%=image_tag p.avatar_url.to_s%>
    </div>

  <!-- Controls -->
   <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
   </a>
   <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
  <% end %>
</div>
 .....
 <script type="text/javascript">
   $(function(){
     $('.carousel').carousel();
    });
  </script>

.....
$（函数（）{
$（'.carousel'）.carousel（）；
});

---

我不知道如何在每张幻灯片上列出一张照片：（它仍然列出了我必须滚动的所有照片：（

您正在将活动类应用于您使用的所有照片。）

div class="item active"

但应该是这样

div class="item"

并将其添加到javascript中

$( '.item:first' ).addClass( 'active');