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`

单击关闭时Bootstrap模态未关闭

1 个答案: