Question

我在循环查看配置文件字段和值时遇到问题。 Bootstrap崩溃无法正常工作。

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  <% @profile.each do |field, value| %>
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingOne">
        <h4 class="panel-title">
          <a role="button" data-toggle="collapse" data-parent="#accordion" href="collapse_#{field.id}" aria-expanded="false" aria-controls="collapseOne">
            <%= field%>
          </a>
        </h4>
      </div>
      <div id="collapse_#{field.id}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
         <div class="panel-body">
           <%= value %>
         </div>
      </div>
    </div>
   <% end %>
 </div>

Answer 1

请检查：

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  <% @profile.each do |field, value| %>
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingOne">
        <h4 class="panel-title">
          <a role="button" data-toggle="collapse" data-parent="#accordion" href="collapse_<%=field.id%>" aria-expanded="false" aria-controls="collapseOne">
            <%= field%>
          </a>
        </h4>
      </div>
      <div id="collapse_<%=field.id%>" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
         <div class="panel-body">
           <%= value %>
         </div>
      </div>
    </div>
   <% end %>
 </div>

您可以使用＆lt;％= field.id％＆gt;注入＃{field.id}。

循环通过bootstrap手风琴导轨问题

1 个答案: