隱藏jQuery模態框內容

我們有以下代碼，每三天用一個cookie在我們的網站上加載一次。它使用Reveal模式彈出窗口。隱藏jQuery模態框內容

<div id="myModal" class="reveal-modal"> 
<p>Text here</p> 
<a class="close-reveal-modal">&#215;</a> 
</div>

該代碼僅顯示頁面加載時的情況，因爲它應該是這樣，除了用於iPad的Chrome。內容顯示在頁面上，而不是一個彈出窗口，就好像它是一個標準對象。我已經把它放在頁面的底部，儘可能避開。我試着包裝上面的代碼是這樣的：

<div style="display: none"> 
<div id="myModal" class="reveal-modal"> 
<p>Text here</p> 
<a class="close-reveal-modal">&#215;</a> 
</div> 
</div>

...但是，這不僅隱藏它也呈現彈出非功能性的內容，即內容隱藏起來彈出，似乎什麼都沒有顯示。

即使在iPhone版本的Chrome上，它也能正常運行，而不是iPad版本。也許我不應該爲此而出汗。

任何想法？

2012-07-29 JoeW

你不能在myModal上設置display: none，然後在彈出代碼中控制display屬性嗎？

2012-07-29 10:02:25 lukkea

不是我該怎麼做lukkea，你有代碼示例 – JoeW 2012-07-29 10:03:37

你想發佈一些更多的代碼，我會有一個小提琴嗎？我只是想拋出一個想法，讓它在Chrome iPad配置上工作......我無法在這裏測試！（也許你不應該太擔心;-) – lukkea 2012-07-29 10:06:42

「更多的代碼」我的意思是jQuery js調用。 – lukkea 2012-07-29 10:07:46

回答