2009-12-01 9 views
5

Greetings、 jquery UIを使用してモーダルを書いたので、Flashムービーの前面に表示されるので、モーダル内のhtmlが壊れてしまい、モーダルがトリガーされてモーダルを閉じた後に再び現れる前に、それぞれの.hide()と.show()はフラッシュムービーがリセットされ、必要なのは(ムービーを削除せずに)非表示にし、 .showそのモーダルdiv。jqueryをリセットせずにフラッシュを含むdivを非表示にする

答えて

10

:隠された:

  • がオーバーフローして新しいDIVにあなたのフラッシュコンテナDIVを置きます。

基本:

  • を非表示にするフラッシュのdiv:$( '#のid_div_with_swf')CSS( "左"、 " - 2000px");
  • show flash-div:$( '#id_div_with_swf')。css( "left"、 "0px");

や、ショーやアニメーション効果を隠す:

  • をフラッシュのdivを非表示にする:$( '#のid_div_with_swf')({左: "-2000px"}、1000)をアニメーション化。
  • show flash-div:$( '#id_div_with_swf')。animate({left: "0"}、1000);
  • HTMLの例

:あなたは( '見える'/'隠された'、 '可視')の.cssとのクロスブラウザワーキング溶液を得ることができません

<div style="width:200px; height:100px; overflow:hidden;"> 
<div id="id_div_with_swf" style="width:200px; height:100px; position:relative; left:0px; top:0px;"> 
<!-- flash here --> 
</div> 
</div> 

+0

Wouldnブラウザの巨大な水平スクロールバーの表示を切り替えますか? –

5

おそらく映画のDivを画面から移動します。左の位置を-1000などに設定しますか?

他のdivが消えたときに置き換えますか?

8

作業溶液:

使用$('#myvideo').css('visibility', 'hidden')ビデオを含むdiv要素を表示するために隠し、
$('#myvideo').css('visibility', 'visible')します。

フューチャーバグでテストしました。

EDIT: 注意してください彼らはdisplay CSSを使用して、これは代わりにvisibilityの、.hide().show()は異なっています。 FF/linuxの、FF/WinXPの、IE/WinXPの、サファリ/ WinXPの中でテスト済み

関連する問題