引導爲每個迭代生成新的崩潰jquery？

我使用Bootstrap樣式爲我們的辦公數據庫從rails g腳手架。我期待使用Bootstrap的collapse.js插件列出我們產品的所有信息。但是，當它遍歷每個產品時，它不會生成新的href和id，以便每個手風琴都會關閉並打開相應的產品（每次只使用＃collapse1）。我如何讓每次迭代創建新的href和id，以便它能正常工作（即＃collapse2，＃collapse3等）？引導爲每個迭代生成新的崩潰jquery？

我希望這是有道理的。謝謝！

<% @products.each do |product| %> 
<div class="panel-group" id="accordion"> 
    <div class="panel panel-default"> 
    <div class="panel-heading"> 
    <h4 class="panel-title"> 
    <a data-toggle="collapse" data-parent="#accordion" href="#collapse1"> 
     <%= product.Name %> 
    </a> 
    </h4> 
</div> 
<div id="collapse1" class="panel-collapse collapse in"> 
    <div class="panel-body"> 
    <%= product.name %> 
    <%= product.group %> 
    <%= product.price %> 
    <%= link_to 'Show', product %> 
    <%= link_to 'Edit', edit_product_path(product) %> 
    <%= link_to 'Destroy', product, method: :delete, data: { confirm: 'Are you sure?' } %> 

    </div> 
</div> 
</div> 
</div> 
<% end %>

來源

2014-02-23 user3247042

嘗試這樣：

<a data-toggle="collapse" data-parent="#accordion" href='<%= "#collapse_#{product.id}" %>'>

和：

<div id='<%= "collapse_#{product.id}" %>' class="panel-collapse collapse in">

來源

2014-02-23 05:38:35 cschroed

工作就像一個魅力！非常感謝！我甚至沒想過在產品的唯一ID之後命名每個參考。 – user3247042

引導爲每個迭代生成新的崩潰jquery？

回答

相關問題