Question

我正在尝试使用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

首先，使用Foundation回调（hat tip to this Foundation forum post and codepen code）：

在页面加载时触发模态

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

然后你需要显示：none显示背景叠加，如：

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

定时外观莫代尔揭示

1 个答案: