循環顯示通過類別

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

循環顯示通過類別

回答

相關問題