Bootstrap modal не закрывается при нажатии на кнопку закрытия

Question

У меня есть сетка книг с макетом, похожей на страницу Instagram. Каждая ячейка в этой сетке ссылается на модальную, которая открывается с информацией с сервера. Однако модальный режим, как и ожидалось, не закрывается по назначению.

То есть, модальная закрывается только тогда, когда пользователь нажимает на модальный, однако модальная НЕ закрывается, когда пользователь нажимает кнопку внутри (т. Е. «.close»).

Когда я меняю link_to на кнопку, она открывается и закрывается правильно. Любые предложения о том, как правильно исправить это при использовании метода рельсов 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> 

Answer 1

Попробуйте понизить ваш сценарий кофе до 1.8, я имел эту проблему раньше относительно link_to и button_to

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