Приурочен внешний вид Модал Reveal

Question

Я пытаюсь использовать раскрывающий модал Фонда.

Я уже преуспел только с использованием основного модального. Поскольку я только начинаю работать над проектом (использующим 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>

Answer 1

Во -первых, запустите модальную загрузку страницы с помощью обратного вызова Foundation ( подсказка к этому сообщению на форуме Foundation и codepen code):

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

Затем вам нужно отобразить: нет наложения фонового изображения, например, так:

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