循环显示通过类别

I'm这个循环的工作中去，当不需要的div我views/pages/index.html.erb循环显示通过类别

<div class="container-fluid"> 
    <div class="row"> 
    <% @products.each do |category, products| %> 
     <% products.each_with_index do |product, index| %> 
     <div class="col-lg-4 col-sm-6 col-xs-12 center-block"> 
      <% if index == 0 %> 
      <%= image_tag product.image.url(:medium), class: "img-responsive" %> 
      <div class="caption"> 
       <p><%= product.category.name %></p> 
      </div> 
      <% end %> 
     </div> 
     <% end %> 
    <% end %> 
    </div> 
</div>

它正常工作和做的事情是应该做的是循环遍历每个类别和目前的最后图片添加到每个类别。

但问题是，当我添加产品并将它们分配到views/products/new.html.erb中的类别时，上面的循环似乎在该行中添加了额外的空div's。我不明白为什么这样做......任何人都可以给我提示为什么会发生这种情况？

这是截图它是如何出现在谷歌开发者工具

正如你可以看到有行中的4周空的div无用。

来源

2016-06-10 DaudiHell

我想<％if index == 0％>条件应该在div上方，而不是在它下面，否？ –

ehmmm ....是的，似乎一直是问题:) – DaudiHell

我不能保证，但我认为if条件是造成问题。

首先通过删除<% if index == 0 %>条件进行检查，如果工作正常，请对其进行必要的更改。

来源

2016-06-10 12:13:35 Amit

循环显示通过类别

回答

相关问题