@sequelone

Модальное окно в Bootstrap 4 затемняется и становится неактивным. Как пофиксить?

При клике на кнопку затемняется фон и модалка остаётся под этим фоном. Как это можно пофиксить, чтобы модальное окно было за затемнением? Помню были какие-то js фиксы для этого, но сейчас не могу ничего найти. На сайте используется Bootstrap 4.

6090056bc3c00941603119.png
  • Вопрос задан
  • 24 просмотра
Решения вопроса 1
@sequelone Автор вопроса
В общем как оказалось нужно сделать пару правок:

1. Указать идентификатор в свойство data-target="" . У меня это #modalVote.

<button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#modalVote">
       Голосовать
</button>


2. В модальном окне указать идентификатор id="modalVote":

<div class="modal fade" id="modalVote" tabindex="-1" aria-labelledby="modalVoteLabel" data-backdrop="true" aria-hidden="true" role="dialog">
        <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
                <div class="modal-content">
                        <div class="modal-header">
                                <h5 class="modal-title" id="modalVoteLabel">Голосование</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                </button>
                        </div>
                        <div class="modal-body">
                                 ...
                        </div>
                </div>
        </div>
</div>


3. Добавить JS
jQuery(function () {
     jQuery("#modalVote").appendTo("body");
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы