Модальне налаштування Bootstrap не кешує дані

Маленька покидька · Опубліковано 09.11.2015 11:00:19

Модальний діалог фронтенд-фреймворку Bootstrap можна вказати за допомогою URL за допомогою опції віддалений, щоб діалог автоматично завантажував дані з цієї адреси у .modal-body при першій з'явці, але завантажується лише один раз, хоча цю проблему можна вирішити, викликавши метод removeData() у події.

Після пошуку та ознайомлення з відповідною документацією я з'ясував, що достатньо написати твердження у прихованій події діалогового вікна:

$("#myModal").on("hidden", function() {
$(this).removeData("modal");
});

Копія коду

Ви також можете видаляти дані перед відкриттям діалогу щоразу, і ефект буде однаковим.

Примітка: Наведений вище код базується на Bootstrap v2, якщо ви використовуєте Bootstrape v3, HTML модального діалогу та події записуються інакше, наприклад, для прихованої події вище, щоб записатися як:

$("#myModal").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});

Копія коду

[Бутстреп] Модальне налаштування Bootstrap не кешує дані

Пов'язані дописи