0

こんにちは皆さん、レールで Twitter ブートストラップを使い始めています。イベントごとにモーダル ウィンドウを作成したいと思いますが、モーダル ウィンドウは各コンポーネントで同じです。

私はこのコードを持っています:

<% @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 %>
4

1 に答える 1

2

idすべてのdivで同じです。したがって、最初のモーダルは常に開いています。一意のIDを設定してみてください。

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

upd：http ://apidock.com/rails/ActionController/RecordIdentifier/dom_id

于 2012-11-03T10:13:42.127 に答える