2009-12-01 68 views
5

Greetings, 我寫了一個使用jQuery UI的模式,它出現在Flash電影的前面,因此模態內的html變得腐敗,我試圖隱藏電影的權利在模式被觸發並在關閉模式後重新出現之前,效果很好,但是每一個.hide()和.show()flash動畫都會被重置,而我想要的只是隱藏(而不會移除動畫)並在觸發後顯示。顯示那個模態div。jquery隱藏一個包含閃存的div而不重置它

回答

10

在FF/Linux的測試,FF/WinXp下,IE/WinXp下,Safari瀏覽器/ WinXp下:

  • 把您的Flash容器DIV到一個新的DIV與溢出:隱藏

基本:

  • 隱藏閃存的div:$( '#id_div_with_swf')的CSS( 「左」, 「 - 2000像素」);
  • 顯示flash-div:$('#id_div_with_swf')。css(「left」,「0px」);

,或者表演,並與動畫效果隱藏:

  • 隱藏閃光的div:$( '#id_div_with_swf')動畫({左: 「-2000px」},1000)。
  • 顯示flash-div:$('#id_div_with_swf')。animate({left:「0」},1000);

HTML例如:

<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> 

你不能得到一個跨瀏覽器的工作用的.css解決方案( '知名度', '看得見'/ '隱藏')

+0

止跌在瀏覽器中顯示一個巨大的水平滾動條? – 2015-02-07 10:14:30

5

也許將電影div移出屏幕。將它的左側位置設置爲-1000或類似的東西?

然後替換時,其他股利已經消失?

8

工作液:

使用$('#myvideo').css('visibility', 'hidden')隱藏和
$('#myvideo').css('visibility', 'visible')顯示包含視頻的股利。

剛剛用螢火蟲測試過它。

編輯: 請注意,這是從.hide().show()不同,因爲它們使用display CSS,而不是visibility