Как закрыть модальное окно, открытое над модальным окном?

Question

[maiskiykot]

Так получилось, что все формы на сайте сделаны в модальных окнах. Пришлось делать открытие изображений поверх модального окна в еще одном модальном окне. Проблема в том, что при закрытии по data-dismiss="modal" закрывается и окно формы. Как закрывать модальные окна второго слоя без закрытия первого? Попробовал несколько вариантов - закрывают все.

Answer 1

[maiskiykot]

Суть проблемы заключалась в том, что у меня разметка второго слоя модальных окон попала в границу разметки основного слоя. Как только вынес модалки из разметки - начало корректно закрываться. Но возникла еще одна проблема - появляется вторая полоса прокрутки. Подсмотренное решение:

$('.modal').on('shown.bs.modal', function (e) {
    jQuery("html").addClass("modal-open");
});
$('.modal').on('hide.bs.modal', function (e) {
    jQuery("html").removeClass("modal-open");
});

Answer 2

[Сергей delphinpro]

Контролировать открытие/закрытие окон самостоятельно, не полагаясь на управление через дата-атрибуты.
Смотрите раздел Usage via javascript https://getbootstrap.com/docs/5.1/components/modal...

Comments

[maiskiykot]

Изображений может быть до 5 штук. Я пока не совсем понял: чем мне поможет данная ссылка?

[Сергей delphinpro]

maiskiykot, Тем что вы можете своим кодом управлять открытием и закрытием окон. Когда надо – открыли, когда надо - закрыли. И открыли/закрыли именно то, что вам нужно.
Просто откажитесь от дата-атрибутов в пользу управления через javascript и напишите свою логику

[maiskiykot]

Сергей delphinpro, Так открывается все нормально. Закрыть не могу. Или все или ничего не закрывается.

[Сергей delphinpro]

maiskiykot, я в третий раз повторяться не буду =)

[maiskiykot]

Ваше предложение не работает. Спасибо

[Сергей delphinpro]

maiskiykot, Интересно почему не работает? потому что готовый код не вывалил, а только идею подсказал?
Попробуйте подумать головой, и всё получиться. Инфа 100%.

PS. Я не раз делал такие реализации мультимодальных окон на бутстрапе, и просто фигню советовать не буду.

[maiskiykot]

Я программирую на php. Мне некогда думать головой над js. Потому и попросил помощи. Достаточно подсказки было - мне код не нужен. Все равно найду подсказку - можете не трудиться.

[Сергей delphinpro]

maiskiykot, Ну давай еще раз разжую: стандартными средствами бутстрапа такой финт провернуть не выйдет. Если хотите управлять несколькими наложенными модальными окнами, то придётся писать логику самому.