Rails 5 Bootstrap, модальное дублирование предыдущего окна

Question

У меня есть настройка модального Bootstrap, где у меня есть JQuery, добавляющий контент динамически в каждый модал соответственно. Все работает отлично.

Но есть один глюк, который я не могу понять. Поэтому, если какой-либо атрибут, в данном случае, link НЕ присутствует, и я открываю модальное окно (я назову его окном 1), он пуст - отлично. Но если я щелкаю и открываю модальное окно с атрибутом link (окно 2), а затем возвращаюсь, чтобы щелкнуть по тому же предыдущему окну, которое не имело ссылки (окно 1), оно теперь показывает ссылку - и ссылка, которую он показывает, из окна 2.

Я проверил в консоли, и я знаю, что link.present? это false - поэтому я чувствую, что это как-то связано с JQuery, необходимо сбросить или что-то после того, как я оставляю .hover, так что это не ' больше не связывай.

Есть мысли у кого-нибудь?

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("");
              });

Answer 2

Вы должны, в частности, сообщить функции наведения, какую медиа-ссылку вызывать. В этом случае вы можете использовать id для дифференциации медиа-ссылки, вместо использования class='media-link' вы можете использовать что-то вроде id='media-link-1' и id='media-link-2' и так далее. Затем используйте условия в функции наведения, чтобы отобразить медиа-ссылку соответственно.