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's Corporate Wellness programs and Dr. Mo's 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 文件根本没有改变，它们一来就包括在内。reveal.css 文件位于页眉中，jquery.reveal.js 文件位于页脚中，位于对 Google CDN 上托管的最新版本 jquery 的调用下方。

我不知道是什么原因造成的。我正在为一个朋友做这件事，我开始怀疑他的基于表格的网站是否可能是问题所在。它通常会导致意外行为。对此的任何输入将不胜感激。

如果有帮助，可以在此处查看该站点。

4

1 回答 1

0

第 118 行的 jquery.reveal.js 中存在语法错误（缺少逗号）：

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

也许这会导致问题？

于 2013-09-24T02:31:03.177 回答