隐藏jQuery模态框内容

Question

我们有以下代码，每三天用一个cookie在我们的网站上加载一次。它使用Reveal模式弹出窗口。

<div id="myModal" class="reveal-modal"> 
<p>Text here</p> 
<a class="close-reveal-modal">&#215;</a> 
</div> 

该代码仅显示页面加载时的情况，因为它应该是这样，除了用于iPad的Chrome。内容显示在页面上，而不是一个弹出窗口，就好像它是一个标准对象。我已经把它放在页面的底部，尽可能避开。我试着包装上面的代码是这样的：

<div style="display: none"> 
<div id="myModal" class="reveal-modal"> 
<p>Text here</p> 
<a class="close-reveal-modal">&#215;</a> 
</div> 
</div> 

...但是，这不仅隐藏它也呈现弹出非功能性的内容，即内容隐藏起来弹出，似乎什么都没有显示。

即使在iPhone版本的Chrome上，它也能正常运行，而不是iPad版本。也许我不应该为此而出汗。

任何想法？

Answer 1

你不能在myModal上设置display: none，然后在弹出代码中控制display属性吗？