Модальная настройка 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 не кэширует данные

Связанные публикации