定时外观模式显示

Question

我正在尝试使用Foundation的Foundation模式。

我已经成功地使用了一个基本的模式。由于我刚刚开始这个项目(使用symfony2和基金会)，我有一些困难，我不是真的了解基金会是如何工作的。

所以我需要做的是：

让显示模式在几秒钟(现在是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>

Answer 1

首先，在页面加载时使用基础回调(hat tip to this Foundation forum post and codepen code)触发模式：

    $(document).ready(function(){
setTimeout(
  function() 
  {
    //do something special
$('#myModal').foundation('reveal', 'open')
  }, 10000);
});

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

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