1

Я использую Turbolinks с Bootstrap 3 Модальный компонент на рельсах4. Если я обновляю и открываю страницу, модальный фон будет нормальным. Тем не менее, непрозрачность фонового фона становится все темнее и темнее, когда я открываю другие страницы, я предполагаю, что непрозрачность не была сброшена, когда Turbolinks загружается на другой странице. Я попытался найти элемент backdrop, но похоже, что непрозрачность генерируется на лету javascript. Кто-нибудь видел ту же проблему? В чем проблема?Bootstrap 3 Модальный фон становится темнее с Turbolinks

ответ

0

решаемые это с: Rails 4 Turbolinks make form submit multiple times

Похоже, кто-то умный переместил JavaScript в тело, чтобы сохранить страницу из блокируется при загрузке слишком много JS, в то время как turbolinks затем загрузить эти JS на страницу каждый раз, когда в создается новая страница.

0

Посмотрите на источник html. Бьюсь об заклад, вы не скрываете модальность, и наложение все еще отображается. Итак, когда открыто больше наложений, кажется, что он становится темнее.

+0

То же самое происходит, когда я открываю сайт, нажимаю несколько раз, а затем открываю модальный первый раз, задний фон будет слишком темным. Я также выполнил поиск в jQuery для модального фона, и нет. Я думаю, что фон создается на теге тела, используя «.modal-open». Не отдельный элемент. – randomor

+0

На самом деле, я был неправ. Я снова посмотрел и обнаружил, что есть кучи «модальных задников» div, созданных после тегов скрипта. Я мог бы удалить их вручную, но это не поможет, когда я открою другой модальный. Это снова сгенерирует их. Теоретически я мог удалить все лишние фоны, наблюдая за событием «модальное: показанное», но мне интересно, является ли это основной причиной. – randomor

+0

Вы добавляете обработчик событий на странице: показано? возможно, вы добавляете его несколько раз при смене страниц, поэтому modal.show вызывается более одного раза? – santa

Смежные вопросы