Bootstrap modal подгружает содержание только один раз. В чем проблема?

Question

[oxfree]

Вызывающие модальное окно ссылки

<a data-toggle="modal"
           data-target="#a-modal"
           href="<?=Url::to(['/admin/buildings/update','id'=>1])?>"
            ><span class="glyphicon glyphicon-cog"></span></a>

        <a data-toggle="modal"
           data-target="#a-modal"
           href="<?=Url::to(['/admin/buildings/update','id'=>2])?>"
            ><span class="glyphicon glyphicon-cog"></span></a>

Само модальное окно

<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="a-modal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
            </div>
        </div>
    </div>

Кликаем по любой ссылке в модальное окно подгружается содержание, кликаем по следующей ссылке - открывает модальное окно с тем, что было загружено по предыдущей ссылке.
Реализовал вот такое кривое решение, но это совсем плохо:

$("#a-modal").on("show.bs.modal", function(e) {
        var link = $(e.relatedTarget);
        $(this).find(".modal-content").load(link.attr("href"));
    });

Answer 1

[Андрей Клюев]

Была подобная проблема в 1-ом проекте. Решил ее так:

jQuery(document).ready(function () {
    $('.modal').on('hidden.bs.modal', function (e) {
        $(this).removeData('bs.modal');
    });
});

Теперь этот код кочует из проекта в проект ))) Дело было давненько, возможно на данный момен уже что-то изменилось.

Comments

[oxfree]

У меня внутри блока подключен ajax загрузчик изображений, так он ровно через раз почему-то инициализируется. Странное поведение

[oxfree]

Добавил строчку $(this).find('.modal-content').empty();
Все работает теперь. Спасибо!

[Андрей Клюев]

Разница наших решений в том, что вы напрямую чистите контент, а я вызываю метод плагина, который по идее делает тоже самое. Вот только делать он может больше, кеш какой-нить чистить например. Если не вникать в код плагина, то ваш вариант может глючить в каких-то гипотетических ситуациях.