5

Имеется стандартное модальное окно Bootstrap 2.3.2. Оно запускается через Data API.

Код ссылки при клике на которой идет запуск модального окна.

<a 
href="/ajax.php?task=city_modal&amp;region=by&amp;rand=0.46261814205991447" 
class="btn-link openModal pload" 
id="CityLink"
data-toggle="modal"
data-target="#CityModal"
data-elm="City"
data-remote="/ajax.php?task=city_modal&amp;region=by&amp;rand=0.46261814205991447"
data-baseurl="/ajax.php?task=city_modal">
<i class="icon-plus-sign"></i> ВЫБРАТЬ ГОРОД

Как наверно всем понятно, в виде попытки решить проблему кеширования, при смене родительского региона, в ссылке меняется часть URL а именно параметр rand и параметр region так же меняется. То есть ссылка все время разная, как в атрибуте href так и в data-remote.

В итоге, иногда это решение работает а иногда нет. Я вот думаю что эти костыли тут не к месту и создатели Bootstrap не настолько глупы чтобы не справиться с этой проблемой "из коробки". Может как проще это можно решить? Да и вообще решить...

Атрибут data-baseurl добавлен мной для того чтобы скрипт брал базовый URL и на основе его собирал новое значение для атрибутов href и data-remote

Google Chrome Версия 53.0.2785.143 m

2 ответа 2

2
+25

Вопрос актуален для широкий аудитории. На все поднимаемые вопросы необходимо давать подробный и четкий ответ.

Ну раз вопрос актуален для широкой аудитории, то и ответ нужно давать для максимально широкой аудитории.

Чтобы отгрузить данные модального окна при его закрытии, в Bootstrap 2.x можно использовать следующее:

$('#CityModal').on('hidden', function() {
    $(this).removeData('modal');
});

А в Bootstrap 3 это выглядело бы вот так (https://github.com/twbs/bootstrap/pull/7935#issuecomment-18513516):

$(document.body).on('hidden.bs.modal', function () {
    $('#CityModal').removeData('bs.modal')
});

// Ну и более универсальный вариант
$(document).on('hidden.bs.modal', function (e) {
    $(e.target).removeData('bs.modal');
});

Взято отсюда https://stackoverflow.com/a/18459248/5381547

2
  • Увы то что взято оттуда ) я все перепробовал... и тут тоже промах, не работает оно! 30 окт 2016 в 20:35
  • Еще раз повторяю это не верный ответ!!! 5 ноя 2016 в 17:16
1

Вам нужно разрушать объект модального окна после каждого закрытия:

$('body').on('hidden.bs.modal', '.modal', function () {
  $(this).removeData('bs.modal');
});

Реализация

Пример реализации здесь: Plunker


Update:

jQuery('#RegionLink').on('hidden', function() {
    $('#CityLink').removeData('modal');
});
10
  • Приведённый вами пример относится скорее к Bootstrap 3 stackoverflow.com/a/18459248/5381547
    – Viktor
    30 окт 2016 в 14:21
  • Да это самый банальный вариант который я естественно пробовал! 30 окт 2016 в 20:33
  • @ДмитрийГвоздь Он не дает нужного результата?
    – user192664
    30 окт 2016 в 20:44
  • @NikitaSmith Вам не понятен смысл моего комментария? 30 окт 2016 в 21:12
  • @ДмитрийГвоздь Смысл понятен, просто данный вариант работает в моем случае, и я не понимаю почему у вас не получается тоже самое.
    – user192664
    30 окт 2016 в 21:14

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.