隐藏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

您无法在display: none上设置myModal，然后在弹出式代码中控制display属性吗？