0

次のコードは、Cookie を使用して 3 日に 1 回、Web サイトの読み込み時にポップアップします。これは Reveal モーダル ポップアップを使用します。

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

コードは、Chrome for the iPad を除いて、ページがロードされたときにのみ表示されます。ポップアップの代わりに、コンテンツが標準オブジェクトであるかのようにページに表示されます。できるだけ邪魔にならないように、ページの下部に配置しました。上記のコードを次のようにラップしてみました。

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

...しかし、それはコンテンツを非表示にするだけでなく、ポップアップを機能させなくなります。つまり、コンテンツが非表示になるため、ポップアップには何も表示されないように見えます。

iPad版ではなく、iPhone版のChromeでも正しく機能します。たぶん、私はそれを汗をかいてはいけません。

何か案は？

4

1 に答える 1

0

ポップアップ コードでそのプロパティを設定display: noneしmyModalて制御することはできませんか?display

于 2012-07-29T10:02:25.380 に答える