Twitter Bootstrap: Как очистить модальный

У меня есть страница со ссылками, которые вызывают появление модального имени. Вот код для типичной ссылки:Twitter Bootstrap: Как очистить модальный

<a href="/user/profile?id=1" data-target="#pop-up" data-toggle="modal">Kevin Doherty</a>

«всплывающего» является пустым DIV, который загружается как часть моего макета. Вот он:

<div tabindex="-1" class="modal fade" id="pop-up"></div>

Проблема в том, что я не могу очистить содержимое, когда модаль закрыт.

Модаль заполняется с использованием запроса ajax. Я могу сказать, что это не очистка должным образом, потому что:

Когда я закрываю модальных я все еще могу видеть содержимое HTML с помощью поджигатель, и
Если я нажимаю на ссылку, которая возвращает 404, модальный еще открывает , но с содержанием от предыдущего запроса

Я прочитал этот вопрос, Reload content in modal (twitter bootstrap), и я уверен, что у меня была эта рабочая ранее. Однако я не могу заставить его работать. Мне интересно, можно ли винить обновление jQuery?

Я использую Bootstrap 3 и jQuery 1.10.2.

Вот мой код. (Я попробовал несколько вариаций на эту тему):

$(document.body).on('hidden.bs.modal', '#pop-up', function() { 
    $('#pop-up').removeData('bs.modal'); 
    console.log('Modal reset!'); 
});

код кажется выполнить, когда ожидается (о чем свидетельствует выход в консоли), но не очищает данные. Есть идеи?

источник

2013-12-15 Kim Prince

Вы можете воспроизвести этот вопрос в 'bootply'? http://www.bootply.com/ – Trevor

Вы всегда можете ударить его ножом. $ ('# pop-up.modal-title, # pop-up.modal-body, # pop-up.modal-footer ') .html (' '); например – d3c0y

Это разрешило это для меня: http://stackoverflow.com/questions/12286332/twitter-bootstrap-remote-modal-shows-same-content-everytime –

Я вижу 2 варианта. 1) очистите данные после закрытия модальности или 2) очистите данные, прежде чем открывать модальные.

Итак, когда вы закрываете окно, вы снимите HTML

jQuery -> 
    $(document).on 'click', '.close', -> 
    $(this).parent().fadeOut -> $(this).html('')

источник

2013-12-15 03:26:49 Dudo

Twitter Bootstrap: Как очистить модальный

ответ

Смежные вопросы