ruby-on-rails - Rails 如何使用 twitter bootstrap 制作动态模态窗口

Question

大家好，我开始使用带有 rails 的 twitter bootstrap，我想为每个事件创建一个模态窗口，但每个组件的模态窗口都是相同的

我有这个代码：

<% @event.each do |event| %>
  <div class="modal hide fade" id="infos">
    <div class="modal-header"> 
      <a class="close" data-dismiss="modal">×</a>
      <h3><%= event.titre %></h3>
    </div>
    <div class="modal-body">
      <p><%= event.titre %><%= event.dday %><%= event.lieux %> <%= event.commentaire%></p>
    </div>
  </div>
  <div class="timeline_event" data-toggle="modal" data-target="#infos">
    <%= link_to (event.titre), event %> <br />
    <p>Le <%= event.dday %> à <%= event.lieux %></p>
   </div>
<% end %>

Answer 1

所有 div都一样id。所以第一个模态总是打开的。尝试设置唯一 ID：

<div class="modal hide fade" id="<%= dom_id(event, :infos) %>">
...
<div class="timeline_event" data-toggle="modal" data-target="#<%= dom_id(event, :infos) %>">

更新： http : //apidock.com/rails/ActionController/RecordIdentifier/dom_id