Question

我有一个带有两个图标的Rails视图。每个图标应该打开一个不同的模态（使用部分模式）。

问题是两个图标都打开了相同的模态（第一个）。

以下是显示模态的代码：

<a data-toggle="modal" href="#workorder-<%= workorder.id %>">
  <i class="icon-list"></i><%= workorder.wologs.count %>
  <%= render :partial => "wologs/history", locals: {workorder: workorder} %>
</a>
<a data-toggle="modal" href="#workorder-<%= workorder.id %>">
  <i class="icon-ok-sign"></i><%= workorder.tasks.count %></a>
  <%= render :partial => "tasks/taskslist", locals: {workorder: workorder} %>
</a>

感谢您的帮助！

Answer 1

正如MrYoshiji已经提到的原因是两个链接指向同一个id，所以同样的模态启动。

我想补充一点，如果部分是模态体，将模态体放在链接中也是不正确的。

根据Bootstrap示例：

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
</div>

链接和模态是两个完全不同的div。

所以修复是：

在不同的div中启动partial并为它们分配不同的ID。

Rails在同一视图中显示两个模态

1 个答案: