Ruby on rails 如何使用引导旋转木马遍历图像数组

Ruby on rails 如何使用引导旋转木马遍历图像数组,ruby-on-rails,bootstrap-carousel,Ruby On Rails,Bootstrap Carousel,试图让我的用户上传的图像显示在引导转盘中 这些图像存在于我的S3存储桶中,我可以在数据库中看到它们,只是无法让它们显示在旋转木马中 如果在旋转木马外部使用,它将按预期显示阵列中的第一个图像 如果有任何建议,我都会接受的,因为我仍在努力找到自己的立足点 <div class="row"> <div class="col-md-12"> <div class="carousel slide" id="myCarousel"> <% i

试图让我的用户上传的图像显示在引导转盘中

这些图像存在于我的S3存储桶中,我可以在数据库中看到它们,只是无法让它们显示在旋转木马中

如果在旋转木马外部使用,它将按预期显示阵列中的第一个图像

如果有任何建议,我都会接受的,因为我仍在努力找到自己的立足点

<div class="row">
  <div class="col-md-12">
    <div class="carousel slide" id="myCarousel">
      <% if @room.images[0].medium.url %>
<!-- Indicators -->
        <ol class="carousel-indicators">
          <% @room.images.each do |image| %>
            <li data-target="#myCarousel" data-slide-to="<%= @room.image %>"></li>
              <% end %> 
            </ol>               
          <% end %>     
            <div class="carousel-inner" role="listbox">
              <% if @room.images[0].medium.url %>               
                <% @room.images.each do |image| %>
                  <div class="item <%= 'active' if @room.image == @room.images[0] %>">          
                    <%= image_tag @room.images[0].medium.url %>
                  </div>
                <% end %>   
              <% end %>
            </div>
              <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                 </a>
                   <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                      <span class="sr-only">Next</span>
                    </a>
                  </div>
                </div>
              </div>

$(函数(){
$('myCarousel')。carousel('cycle');
});

您的
中有一个错误。每个
循环都有一个错误

将代码替换为以下内容

第一圈

<script>
$(function(){
  $('#myCarousel').carousel('cycle');
});
</script>

  • 第二圈

    <% @room.images.each do |image| %>
      <li data-target="#myCarousel" data-slide-to="<%= image %>"></li>
    <% end %>
    
    
    

    我希望这能解决你的问题

    您的
    中有一个错误。每个
    循环都有一个错误

    将代码替换为以下内容

    第一圈

    <script>
    $(function(){
      $('#myCarousel').carousel('cycle');
    });
    </script>
    
    
    
  • 第二圈

    <% @room.images.each do |image| %>
      <li data-target="#myCarousel" data-slide-to="<%= image %>"></li>
    <% end %>
    
    
    
    我希望这能解决你的问题