Question

我一直在尝试创建一个基本的事件列表网站，它将以表格格式显示事件列表。我希望通过bootstrap使每一行都具有崩溃效果。我遇到的问题是我可以让崩溃工作，但只有一行。后来我了解到Bootstrap以不同的方式识别每个目标数据id，所以我一直在试图弄清楚如何将唯一的id放入循环中。任何线索？这是我到目前为止所拥有的。

   <table class="table table-condensed" style="border-collapse:collapse;">
  <thead>
    <tr>
      <th>Title</th>
      <th>Link</th>
      <th>start time</th>

    </tr>
  </thead>

  <tbody>
   <% @events.group_by(&:date).each do |date, events| %>
   <tr><td colspan="100"><h1><%= date.strftime("%B %d")  %></h1></td></tr>
   <% events.each do |event| %>
   </tbody>

        <tr data-toggle="collapse" data-target="<%= event.id %>" class="accordion-toggle">
            <td><%= event.title %></td>
            <td><%= event.link %></td>
            <td><%= event.start_time.strftime("%I:%M:%S %p") + "PST" %></td>
 <td class="hiddenRow">
            <div class="accordian-body collapse" id="<%= event.id %>">
            <%= event.description%> </div>
        </td>
        </tr>


  <% end %>

  <% end %>



</table>

Answer 1

解决了，基本上事件在活动记录中没有id，所以我不得不使用.each_with_index为新id生成索引。希望这可以帮助任何正在挣扎的人。

无法在Rails中使用bootstrap collapse（无法生成新的target-data id）

1 个答案: