link_to红宝石轨道模态引导

Question

我正在建立我的索引html页面，我想为我的每个元素（在这种情况下，餐厅）有一个模式出现与更多的餐厅的详细信息。

这里是我的代码：

<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 --> 

能否请你帮我告诉我这段代码有什么问题。

Answer 1

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

Answer 2

链接不得有href。尝试使用远程：true或删除链接href。

阅读本文以获取远程选项：Javascript with rails