jquery隐藏包含闪存的div而不重置它

Question

问候,我用jquery UI编写了一个模态,它出现在flash电影的前面,因此模态中的html变得腐败,我试图在模态被触发之前隐藏电影并在关闭模态后重新出现,效果不错但是每个.hide()和.show()flash动画都被重置,而我想要的只是隐藏(不删除电影)并在触发后显示它.显示模态div.

Answer 1

在FF/linux,FF/WinXp,IE/WinXp,Safari/WinXp中测试:

• 将你的flash容器DIV放入一个带有overflow:hidden的新DIV中.

基本:

• 隐藏flash-div:$('#id_div_with_swf').css("left"," - 2000px");
• 显示flash-div:$('#id_div_with_swf').css("left","0px");

或者,用动画效果显示和隐藏:

• 隐藏flash-div:$('#id_div_with_swf').animate({left:" - 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('visibility','visible'/'hidden')获得跨浏览器的工作解决方案

Answer 2

工作方案:

使用$('#myvideo').css('visibility', 'hidden')隐藏和
$('#myvideo').css('visibility', 'visible')显示包含视频的股利.

刚用萤火虫测试它.

编辑:请注意,这不同于.hide()和.show(),因为他们使用displayCSS而不是visibility.

Answer 3

也许将电影div移出屏幕.将它的左侧位置设置为-1000或类似的东西？

当另一个div消失时更换？