2013-06-04 30 views
2

我在使用Rails的bootstrap模式下加載新頁面時遇到了一些問題。使用rails link_to和bootstrap modal打開新頁面

這裏是我的EVENTOS/index.html.erb

<div id="content">   
    <% @eventos.each do |evento| %> 
    <!--Bar 2--> 
    <div class="mosaic-block bar2"> 
    **<%= link_to(evento, :class=>"mosaic-overlay", :id => "evento" , "data-toggle" =>  "modal", 'data-target' => '#eventoModal') do %>** 
    <div class="details"> 
     <h4><%= evento.local %> - <%= evento.data.to_time.strftime('%e/%m') %></h4> 
     <h4>Mais+</h4> 
    </div> 
    <%end%> 
    <div class="mosaic-backdrop"><%= image_tag evento.attachment.url(:small) %></div> 
    </div> 
<% end %> 

的重要組成部分,正如你可以看到有一個的link_to我的 「事件摘要」(呈現的HTML:

a href="/eventos/1" class="mosaic-overlay" data-target="#eventoModal" data-toggle="modal" id="evento" 

但當我點擊鏈接時,什麼也沒有發生(在添加它正在工作的模式之前)

這裏是evento/show.html.erb

<div class="modal" id="eventoModal"> 
    <p>Some code</p> 
</div> 

終於在我的資產/ Java腳本/ eventos.js.coffe我有這樣的:

$('#eventoModal').modal(options) 

任何人都可以幫助我表現出對事件摘要/索引模式的事件摘要/ show.html.erb。 html.erb頁面?

回答

0

我覺得你的jQuery選擇是錯誤的

$('#eventoModal').modal(options) 

應該

$('#evento').modal(options) 
+0

改變了你的建議,但仍然沒有任何反應。謝謝回覆 –