Могу ли я перезагрузить только модальный bootstrap, не выполняя location.reload ()?

Question

Я хочу перезагрузить модал bootstrap для своего скрытого события, чтобы он снова выполнял все мои функции js, как только я открою его позже. Это работает, если я выполняю location.reload, но это немного раздражает необходимость ждать перезагрузки моей страницы, чтобы я мог снова открыть мой модал. Есть ли какое-то решение для этого?

Answer 1

Вы можете использовать jQuery Ajax для получения данных для модели.

$('#myModal').on('hidden.bs.modal', function () { //modal hidden event
    $.ajax({
        url: "data.json",
        success: function(result){
            $('#myModal').html(result); //set new data to modal
            $('#myModal').modal('show'); //show the modal
        }
    });
});

Модальное событие для Bootstrap 3 и 4

Bootstrap 4 и Bootstrap 3