Question

我正在使用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下方的页脚中。

我对可能造成这种情况的原因感到茫然。我正在为朋友这样做，我开始怀疑他的基于表格的网站是否可能成为问题。它经常导致意外行为。对此的任何意见都将非常感激。

如果有帮助，可以查看该网站here。

Answer 1

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

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

也许这会导致问题？

为什么模态内容在模态未显示时不隐藏？

1 个答案: