計時外觀模態顯示

我正在嘗試使用基金會的揭示模式。計時外觀模態顯示

我已經成功只使用了基本模態。因爲我剛剛開始使用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>

來源

2017-04-03 AHAV

第一，火使用基金會回調頁面加載模式（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; }

來源

2017-04-04 08:34:27

謝謝你的鏈接和你的答案，但是你有什麼想法延遲（10s），我想要落實到位。 – AHAV

我添加了一個setTimeout函數，所以在頁面加載之後會有10秒的延遲，然後模式會觸發。 –

根據CSS和JS加載的順序，document.ready可能甚至不需要。 –

計時外觀模態顯示

回答

相關問題