Я использую Turbolinks с модальным компонентом Bootstrap 3 на rails4. Если я обновлю и открою страницу, модальный фон будет нормальным. Тем не менее, непрозрачность модального фона становится все темнее и темнее, когда я открываю другие страницы, я предполагаю, что непрозрачность не сбрасывалась, когда Turbolinks загружает другую страницу. Я попытался найти элемент фона, но похоже, что непрозрачность создается на лету с помощью javascript. Кто-нибудь видел такую же проблему? Что исправить?
Модальный фон Bootstrap 3 становится темнее с Turbolinks
Ответы (2)
Посмотрите исходник html. Бьюсь об заклад, вы не скрываете модальное окно, а оверлей все еще отображается. Итак, когда открыто больше оверлеев, кажется, что становится темнее.
person
santa
schedule
14.09.2013
То же самое происходит, когда я открываю веб-сайт, нажимаю несколько раз, а затем впервые открываю модальное окно, фон будет слишком темным. Я также выполнил поиск jquery для модального фона, его нет. Я думаю, что фон создается в теге body с помощью .modal-open. Не отдельный элемент.
- person randomor; 14.09.2013
На самом деле, я был неправ. Я посмотрел еще раз и обнаружил, что после тегов script создается куча div с модальным фоном. Я мог бы удалить их вручную, но это не поможет, когда я открою другое модальное окно. Он будет генерировать их снова. Теоретически я мог бы удалить все лишние фоны, наблюдая за событием
modal:shown
, но мне интересно, является ли это основной причиной.
- person randomor; 14.09.2013
вы добавляете обработчик событий на страницу: показано? может быть, вы добавляете его несколько раз при смене страниц, поэтому modal.show вызывается более одного раза?
- person santa; 14.09.2013
неа, это было не то.. я помню, у меня была такая же проблема. возможно, это поможет - stackoverflow.com/questions/ 11519660/
- person santa; 15.09.2013
Спасибо за помощь Санта! Я нашел проблему.
- person randomor; 15.09.2013
Решил это с помощью: Rails 4 Turbolinks заставляют форму отправляться несколько раз
Похоже, кто-то умный переместил javascript в тело, чтобы сохранить страницу от блокировки при загрузке слишком большого количества js, в то время как турбоссылки будут загружать эти js на страницу каждый раз, когда отображается новая страница.
person
randomor
schedule
14.09.2013