Modal Bootstrap / несколько модальных на одностраничном / модальном классеCSS

Разбираемся в CSS
Anonymous
Modal Bootstrap / несколько модальных на одностраничном / модальном классе

Сообщение Anonymous »

У меня есть серьезная проблема с Modal от Bootstrap. < /p>

Когда я открываю модальную коробку на моем веб-сайте, абсолютно нет проблем (класс Modal-open правильно добавлен в корпус), модал правильный, оттенок ОК: < /p>

).buttonOpenMe< /code> < /p>

Когда я закрываю его, это тоже нормально: < /p>


×
CLOSE
< /code> < /p>

В моем первом модале у меня есть еще две кнопки, чтобы проверить мои предыдущие и следующие проекты (мой веб-сайт-одна страница).

And this is what i want to do :

action 1) open modal#1

action 2) scroll & click on next project

action 3) close modal#1

action 4) open modal#2, etc...



CloseThis
< /code> < /p>

У моего тела был добавленный класс, называемый «Модаль-открытый» при открытии модальной коробки. Но когда я уже нахожусь в первом модале, и я хочу перейти во второй проект (Modal#2), он появляется, но мой свиток заблокирован, и мое тело потеряло свой класс «модально-открытый». Но когда я добавляю вручную (с инспектором) класс «Модал-открытый» в свое тело, когда открыт второй модал, все работает. />
$(document)
.on('show.bs.modal', '.modal', function () {
$(document.body).addClass('modal-open')
})
.on('hidden.bs.modal', '.modal', function () {
$(document.body).removeClass('modal-open')
})
< /code>

Но на самом деле все не удалось, очевидно!

Как это исправить? Ошибка появится!>

Подробнее здесь: https://stackoverflow.com/questions/454 ... open-class

Вернуться в «CSS»