2012-11-03 42 views
0

喜逢一個我使用Twitter的引導與軌道開始,我想爲每個事件的一個模式窗口,但模態窗口是每個組件的Rails如何使動態模態窗口中使用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 %> 
+1

看到這個 http://stackoverflow.com/questions/10362778/twitter-bootstrap-multiple-modal-windows –

回答

2

您有所有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) %>"> 

UPDhttp://apidock.com/rails/ActionController/RecordIdentifier/dom_id

+0

它的工作非常感謝。 你能解釋一下dom_id在幹什麼嗎? – user1796260

+0

@ user1796260我已經添加鏈接到dom_id – ck3g

+0

非常感謝所有 – user1796260