单击关闭时引导模式未关闭

Question

我有一个布局类似于 Instagram 页面的书籍网格。此网格中的每个单元格都链接到一个模式，该模式打开来自服务器的信息。模式按预期打开，但未按预期关闭。

也就是说，仅当用户在模态框内单击时，模态框才会关闭，但是，当用户单击其中的按钮（即“.close”）时，模态框不会关闭。

当我将link_to 更改为按钮时，它会正确打开和关闭。关于如何在仍然使用link_to rails 方法的同时正确解决此问题的任何建议？

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