Javascript 为什么模态内容在模态未显示时不隐藏?
我正在使用Zurb的插件创建一个带有Vimeo视频的弹出框。但是,页面加载后,最后一个视频会立即显示在内容上,并且不会消失,其他视频在点击各自模式窗口上的关闭按钮后也不会消失。框和其中的其他内容将消失,但视频的iframe不会消失 以下是触发器和模式框的标记:Javascript 为什么模态内容在模态未显示时不隐藏?,javascript,jquery,video,modal-dialog,Javascript,Jquery,Video,Modal Dialog,我正在使用Zurb的插件创建一个带有Vimeo视频的弹出框。但是,页面加载后,最后一个视频会立即显示在内容上,并且不会消失,其他视频在点击各自模式窗口上的关闭按钮后也不会消失。框和其中的其他内容将消失,但视频的iframe不会消失 以下是触发器和模式框的标记: <div class="videoEntry"> <h3>Community Involvement</h3> <a href="#" data-reveal-id="mo
<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">×</a>
</div>
</div>
社区参与
Corvalent Corporation首席执行官Ed Trevis谈到了Chirofit的企业健康计划以及Mo博士在雪松公园和奥斯汀社区的参与
情态标题
从今以后
,以防万一。第118行的jquery.reveal.js中有语法错误(缺少逗号):
可能是这导致了问题?这就是导致弹出窗口无法工作的原因。我添加了“display:none”以查看在弹出窗口未显示时是否会阻止iframe显示。弹出窗口现在又可以工作了,但是iFrame仍然很有趣。我在videos.html底部的Google Analytics javascript中也发现了一个错误。你是否尝试对代码进行注释以查看modals是否有效?我只是尝试了一下,不幸的是,这似乎也不是原因。在修复了你发现的错误后,我通过在“无”之后添加逗号,解决了其他视频在关闭框后继续显示的问题,但最后一个视频仍然从一开始就显示出来。如果你有任何想法,我将非常感谢听到他们!不过,我使用了Vimeo的旧嵌入代码,因为iframe是唯一显示在模式之外的东西。我认为他的基于表格的网站不同意iframe。谢谢你的帮助!
modal.css({'display' : 'none' 'visibility' : 'hidden', 'top' : topMeasure});