爲什麼不顯示模態時模態內容不會隱藏？

我使用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，以防有所幫助。

來源

2013-09-24 Brandon McPeak

有一個在上線118 jquery.reveal.js語法錯誤（逗號缺失）：

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

也許這會導致什麼問題？

來源

2013-09-24 02:31:03 lefoy

這將是導致彈出窗口不起作用的原因。我添加了「display：none」來查看當彈出窗口不顯示時是否會阻止顯示iframe。彈出窗口現在可以再次運行，但iframe仍然很有趣。 –

我還在videos.html底部的Google Analytics（分析）javascript中出現錯誤。您是否嘗試評論該代碼以查看這些模式是否有效？ – lefoy

我剛剛給了它，不幸的是，似乎也不是原因。 –

爲什麼不顯示模態時模態內容不會隱藏？

回答

相關問題