点击关闭时自举模式不会关闭

我有一个网格布局类似于Instagram页面的网格。这个网格中的每个单元格都链接到一个模式，该模式用来自服务器的信息打开。模态按预期打开，但不会如预期的那样结束。点击关闭时自举模式不会关闭

也就是说，模式仅在用户在模态内单击时关闭，但是，当用户单击内部按钮（即'.close'）时，模态不会关闭。

当我将link_to更改为按钮时，它确实可以正确打开和关闭。有关如何正确解决此问题的建议，同时仍然使用导轨方法？

<ul id="book-list">  
     <% @books.each do |book| %> 
     <%= link_to "#book-modal-#{book.id}" , data: { toggle: "modal" } do %> 
      <li id="book"> 
      <%= image_tag book.image_url, id: "book-image" %> 

      <div id="book-modal-<%= book.id%>" class="modal fade" role="dialog"> 
       <div class="modal-dialog"> 
       <div class="modal-content"> 

        <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
        <h4 class="modal-title"><%= book.title %></h4> 
        </div> 

        <div class="modal-body"> 
        <p><%= book.id%></p> 
        </div> 
       </div> 
       </div> 
      </div> 

      <!-- Preview --> 
      <div id="book-preview"> 
       <div class="row"> 
       <div class="col-12-sm text-center" id="book-preview-detail"> 
        <h3><%= book.title %></h3> 
        <h4><%= book.price %></h4> 
       </div> 
       </div> 
      </div> 

      </li> 
     <% end %> 
     <% end %> 
    </ul>

来源

2015-12-21 yesyoukenn

如何将渲染HTML是什么样子？ –

请在这里查看截图：http://imgur.com/HrsYyX0 – yesyoukenn

我们需要查看底层的HTML而不是页面本身。 –

尝试降级咖啡脚本1.8，我就的link_to之前有这个问题，button_to

gem 'coffee-script-source', '~> 1.8.0' 
and `run bundle install or update`

来源

2015-12-21 22:10:47 mrvncaragay

点击关闭时自举模式不会关闭

回答

相关问题