link_to紅寶石軌道模態引導

我正在建立我的索引html頁面，我想爲我的每個元素（在這種情況下，餐廳）有一個模式出現與更多的餐廳的詳細信息。link_to紅寶石軌道模態引導

這裏是我的代碼：

<div class="container text-centered"> 
    <h1>Welcome to La Cuillère</h1> 
    <h2>Restaurants you can go to</h2> 

<ul> 
    <% @restaurants.each do |r| %> 
    <li> 
     <%= link_to r.name, {"data-toggle" => "modal", "data-target" => "#restaurant_modal_#{r.id}"} %> 
     <%= render "restaurant_modal", restaurant: r %> 
    </li> 
    <% end %> 
</ul> 
    <%= link_to 'Add a new restaurant', new_restaurant_path, class: 'btn btn-danger' %> 
</div>

再有就是部分（restaurant_modal.htlm.erb）裏面的我的模態代碼：

<div class="modal fade" id="restaurant_modal_<%= restaurant.id %>"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <p>One fine body&hellip;</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal -->

能否請你幫我告訴我這段代碼有什麼問題。

來源

2015-02-11 Alice clv

問題是什麼？ BTW在模態中顯示細節是一個可怕的設計缺陷。 – 2015-02-11 15:33:52

該模式沒有出現在屏幕上，併爲設計缺陷抱歉，我正在學習過程中。 – 2015-02-11 15:40:07

「http：// localhost：8000/restaurants？data-target =％23restaurant_modal_1＆data-toggle = modal」我點擊一個餐館鏈接時得到的網址 – 2015-02-11 15:41:38

<%= link_to r.name, "#", "data-toggle" => "modal", "data-target" => "#restaurant_modal_#{r.id}" %>

來源

2015-02-11 16:54:14

感謝您的答案，但不幸的是不工作:(我想知道我錯過了什麼...... – 2015-02-11 17:13:26

我認爲鏈接應該導致餐館的路徑。 – 2015-02-11 20:01:06

-1

鏈接不得有href。嘗試使用遠程：true或刪除鏈接href。

閱讀本文以獲取遠程選項：Javascript with rails

來源

2015-02-12 02:51:48 betomoretti

link_to紅寶石軌道模態引導

回答

相關問題