Modal dialog 定时外观模态显示 我试图用基础的揭示模式。

我已经成功地使用了基本模态。 因为我刚刚开始这个项目（使用symfony2和foundation）， 我有些困难，我不太了解基础工作。

所以我需要做的是：

几秒钟后（目前为10秒），使用淡入淡出动画（周围没有灰色背景）打开显示模式。顺便说一句，淡入淡出功能只在模态第一次出现之后才出现，我不明白为什么会这样

我试图搜索如何做到这一点，但没有找到关于这一点的主题（也许我只是不擅长搜索）

谢谢你的回答D

PS：抱歉语法错误，不是我的母语

任何精确性都可以问！ 这是我正在使用的模式的副本：

<p><a href="#" data-reveal-id="myModal">Click Me For A Modal</a></p>
<div id="myModal"  data-overlay="false" class="reveal-modal"
    data-animate="fade-in fade-out" data-reveal aria-labelledby="modalTitle"
    aria-hidden="true" role="dialog">
    <h2 id="modalTitle">Awesome. I have it.</h2>
    <p class="lead">Your couch.  It is mine.</p>
    <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
    <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

令人惊叹的。我有。
您的沙发。它是我的
我是一个很酷的段落，生活在一个更酷的模式中。胜利

×
 > p>首先使用基础回调（页面）加载页面上的模式：

然后您需要显示：无显示背景覆盖，如下所示：

.reveal-modal-bg { display: none; }

谢谢你的链接和你的回答，但是你知道我想要设置的延迟（10秒）吗？我添加了一个setTimeout函数，所以页面加载后会有10秒的延迟，然后会触发模式。根据CSS和JS加载的顺序，可能根本不需要document.ready。我仍然会使用它，因为你永远不知道用户的连接速度有多慢。我使用scss（因为开发人员在我使用它之前就使用了它），所以我不知道它是否意味着什么？我尝试了这个函数，但是：$（'#myModal'）.foundation（'reveal'，'open'）}，10000）；不起作用我试着发出一个警报，看看是否有人经过这个区域。但这一揭露毫无作用：S
.reveal-modal-bg { display: none; }