Ruby on rails 如何使用引导旋转木马遍历图像数组
试图让我的用户上传的图像显示在引导转盘中 这些图像存在于我的S3存储桶中,我可以在数据库中看到它们,只是无法让它们显示在旋转木马中 如果在旋转木马外部使用,它将按预期显示阵列中的第一个图像 如果有任何建议,我都会接受的,因为我仍在努力找到自己的立足点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
<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 %>
我希望这能解决你的问题