Мощный динамический контент Bootstrap

Мне нужен способ загрузки динамического контента, который может измениться в любое время. Согласно документации Bootstrap

<a data-toggle="modal" href="remote.htm" data-target="#modal">Click me</a>

Ответы

Ответ 1

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

$('#modal').on('show.bs.modal', function(){
    $.get("remote.htm", function(data){
        $('#modal').find('.modal-content').html(data);
    })
})

Добавить обработку ошибок и параметры по мере необходимости

Ответ 2

Вы можете правильно очистить модальный кеш, используя:

$('#your-modal').removeData('bs.modal');

См. https://github.com/twbs/bootstrap/pull/7935#issuecomment-21166069
Вероятно, вы захотите сделать это в обработчике событий для модального события hidden.bs.modal.

Хотя вам, вероятно, лучше использовать шаблоны на стороне клиента и небольшой пользовательский JavaScript для загрузки необходимых данных вместо использования data-remote в первую очередь. Тем более, что Bootstrap отклонил опцию remote modal.