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