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

Ответ 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.

Ответ 3

У этого парня есть грязное, но рабочее решение: http://www.whiletrue.it/how-to-update-the-content-of-a-modal-in-twitter-bootstrap/

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

становится:

<a href="javascript:$('#modal .modal-body').load('remote.html',function(e){$('#modal').modal('show');});">Click me</a>