Я тестирую этот website и, как вы можете видеть, это сайт «fullpage».Bootstrap: не удалось закрыть modal
На первой странице у меня есть кнопка, связанная с Modal, но когда она открыта, ее невозможно закрыть, и я понял, что она соответствует высоте сайта, а не фактической странице.
Как я могу это исправить?
Сайт Построен с использованием Wordpress + Bootstrap и я использовал «Fullpage.js» метод
ваших близких кнопок «X» в верхнем правом угле модальный находится за невидимым, фиксированный позиционируемый элемент, проходящим вдоль верхней части, то есть это:
<div class="bt-menu-control-sticky">
В ядре. CSS:
.bt-menu-control-sticky{z-index:999999;}
Вам нужно будет сделать свой модальный имеют более высокое значение Z-индекс, чем это, что вы установите его, или изменить расположение модальным. Я вижу, что ваша кнопка закрытия работает, если этот элемент проблемы установлен на z-index: 0.
Attatch щелчок обработчик тело или X и вызвать
$('.modal').modal('hide')
Это закроет все модальности так быть осторожный. Используйте уникальный идентификатор для модальных
Кажется, открывается ** позади ** наложения, поэтому клик не достигает модального элемента DOM. –
Похож на вопрос z-index для меня. Используйте инспектор и играйте с некоторыми стилями z-index. –
–