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

Rails如何使用twitter bootstrap制作动态模态窗口

1 个答案: