0

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

我已经成功使用了一个基本的模态。由于我刚刚开始这个项目（使用 symfony2 和 Foundation），我遇到了一些困难。我不太了解 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>
4

1 回答 1

0

首先，使用 Foundation 回调在页面加载时触发模式（此 Foundation 论坛帖子和 codepen 代码的提示）：

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

然后你需要 display: none 像这样显示背景覆盖：

.reveal-modal-bg { display: none; }
于 2017-04-04T08:34:27.113 回答