Question

我正在尝试使用rails-bootstrap动态构造一个手风琴，但div id最终被静态分配给同一个东西，“info”，所以只有第一个模块会展开或折叠。

如何使用ruby动态标记div id =“info”？

<div class="accordion" id="categories">
    <div class="accordion-group">
        <div class="accordion-heading">

            <a class="accordion-toggle btn" data-toggle="collapse" data-parent="#accordion" href="#info">

                <h2><%= info_section.name%></h2>

            </a>

            <div id="info" class="accordion-body collapse">

                <div class="acccordion-inner">
                    <% info_section.info_sub_sections.each do |sub_section| %>
                    <%= render 'info_sections/sub_box', info_sub_box: sub_section %>
                    <% end %>
                </div>
            </div>
        </div>
    </div>

谢谢！

Answer 1

<% info_section.info_sub_sections.each do |sub_section| %>
  <div id="info_<%= sub_section.id %>" class="accordion-body collapse">
    <div class="acccordion-inner">
      <%= render 'info_sections/sub_box', info_sub_box: sub_section %>
    </div>
  </div>
<% end %>

（或者您想要命名div的任何内容;您可以使用each_with_index，依此类推。）

在Rails 3中动态标记div ID

1 个答案: