2009-12-01 28 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