@oxfree

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

Вызывающие модальное окно ссылки
<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"));
    });
  • Вопрос задан
  • 1116 просмотров
Решения вопроса 1
Была подобная проблема в 1-ом проекте. Решил ее так:
jQuery(document).ready(function () {
    $('.modal').on('hidden.bs.modal', function (e) {
        $(this).removeData('bs.modal');
    });
});


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы