Почему модальное содержимое не скрывается, если модальное не отображается?

0

Я использую плагин Zurb jQuery Reveal Modal для создания всплывающего окна с видео Vimeo. Однако последнее видео отображается над содержимым, как только страница загружается и не исчезает, а другие видео не исчезают после нажатия кнопки закрытия в соответствующем модальном окне. Коробка и другое содержимое внутри нее исчезнут, но iframe для видео не будет.

Вот разметка для триггера и модального окна:

<div class="videoEntry">
    <h3>Community Involvement</h3>
        <a href="#" data-reveal-id="modal4"><img class="videoThumb" src="images/community-video_thumb.jpg" /></a>
        <p>Corvalent Corporation CEO Ed Trevis talks about Chirofit Corporate Wellness programs and Dr. Mo involvement in the Cedar Park and Austin communities.</p>
        <div id="modal4" class="reveal-modal">
            <h1>Modal Title</h1>
            <iframe src="//player.vimeo.com/video/74992379" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/74992379">Chirofit and Community</a> from <a href="http://vimeo.com/user20693845">Chirofit</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
            <a class="close-reveal-modal">&#215;</a>
        </div>
    </div>

Файлы CSS и JS не были изменены вообще и включены, поскольку они приходят. Файл highlight.css находится в заголовке, а файл jquery.reveal.js находится в нижнем колонтитуле чуть ниже вызова последней версии jquery, размещенной в Google CDN.

Я в недоумении о том, что может быть причиной этого. Я делаю это для друга, и я начинаю задаваться вопросом, может ли быть причиной его сайт на основе таблиц. Это часто вызывает неожиданное поведение. Любой вход с этим будет чрезвычайно оценен.

Сайт можно посмотреть здесь, если это поможет.

Теги:
modal-dialog
video

1 ответ

0

Там синтаксическая ошибка в jquery.reveal.js в строке 118 (запятая отсутствует):

modal.css({'display' : 'none' 'visibility' : 'hidden', 'top' : topMeasure});

может быть, это вызывает проблему?

Поделиться
  • 0
    Это было бы то, что заставляло всплывающее окно не работать. Я добавил «display: none», чтобы посмотреть, не приведет ли это к показу iframe, когда всплывающее окно не отображается. Всплывающее окно теперь работает снова, но фреймы все еще ведут себя забавно.
  • 0
    Я также получаю сообщение об ошибке в JavaScript Google Analytics в нижней части videos.html. Вы пытались прокомментировать этот код, чтобы увидеть, работает ли модал?
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню