1

デフォルトで非表示にしようとしているdivがあり、ボタンをクリックすると表示されます。div が style="display:none;" に設定されていない限り、私のコードは正常に動作します。これを設定するとすぐに、DIV はスタイル シートを正しくロードしません。ボタンがクリックされたときにページの読み込みを初期化するコードが必要だと思います。私が使用しているjQueryは次のとおりです。

jQuery(document).ready(function(){
    jQuery('#overlayHide').live('click', function(event) {        
         jQuery('#overlay').toggle('show');
    });
});

繰り返しますが、このコードは、ページの読み込み時に div の読み込みを許可する限り、正常に機能します。set display:none を試すとすぐに、読み込み時に CSS がめちゃくちゃに見えます。

これが私のコードです：

<div id="overlay" style="display:none;"><iframe  id="contactIframe"  frameborder="0"  vspace="0"  hspace="0"  marginwidth="0"  marginheight="0" width="500"  height="500" scrolling="np"  height="400"  src="http://foobar.com/contact/demo.php">
</iframe></div>


jQuery(document).ready(function(){
    jQuery('#overlayHide').click(function(event) {        
         jQuery('#overlay').toggle('slow');
    });
});

display:hidden を設定しない限り問題なく動作しますが、ページの読み込み時に div を非表示にする必要があります。

4

2 に答える 2

1

そうじゃshowないslow: 

jQuery('#overlay').toggle('slow');

ドキュメントをお読みください。

編集:
提供される情報はあまりなく、iframe 内で使用されるプラグインは正常に機能しているため、次のような オフレフト手法を使用することをお勧めします。

jQuery(document).ready(function(){
    jQuery('#overlayHide').live('click', function(event) {        
         jQuery('#overlay').toggleClass('hideMe');
         return false;
    });
});
于 2011-01-09T01:57:21.207 に答える
0

iframeを別のファイルに表示し、AXAJを使用して別のファイルをDIVにロードすることで、これを修正することができました...奇妙です。

于 2011-01-09T06:07:12.333 に答える