點擊關閉時自舉模式不會關閉

我有一個網格佈局類似於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

點擊關閉時自舉模式不會關閉

回答

相關問題