jquery - Rails 5 Bootstrap 模式复制前一个窗口

Question

我有一个 Bootstrap 模态设置，其中有一些 JQuery 相应地动态向每个模态添加内容。一切正常。

但是有一个我无法解决的问题。因此，如果任何属性(在本例中为 link)不存在，并且我打开模式窗口(我将其称为窗口 1)，它是空白的 - 完美。但是，如果我单击并打开一个存在 link 属性的模式窗口(窗口 2)，然后返回单击没有链接的前一个窗口(窗口 1)，它现在显示一个链接 - 它显示的链接来自窗口 2。

我已经检查了控制台，我知道 link.present? 是 false - 所以我觉得它与需要重置的 JQuery 有关或者在我离开 .hover 后，它不再绑定(bind)。

大家有什么想法吗？

JQuery

$(".media").hover(function(){           
        var thisLink = $(this).find(".media-link").html();
        $("#media-modal-link").html(thisLink);
});

HTML (index.html.erb)

<% @media.each_slice(2).with_index do |(p,q), i| %>
    <% if p.link.present? %>
        <p class="media-link"> <%= link_to "Read More", p.link, target: "_blank" %></p>
    <% end %> 

    <% if q.link.present? %>
    <p class="media-link"> <%= link_to "Read More", q.link, target: "_blank" %></p>
<% end %>

_modal.html.erb

<div id="media-modal-link">

</div>

Answer 1

在这里找到答案:https://stackoverflow.com/a/26864048/5551783

$("#media_modal").on("hidden.bs.modal", function() {
                $("#media-modal-link").html("");
              });