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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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