jQuery / Safari 显示/隐藏 Flash 问题答案

【问题标题】：jQuery / Safari Show/Hide issue with flashjQuery / Safari 显示/隐藏 Flash 问题
【发布时间】：2011-09-07 01:17:51
【问题描述】：

我在加载表单时使用显示/隐藏来加载“正在加载”的 flash 文件。

我试图显示的 div 包含一个 swf 文件

这在所有浏览器中都可以正常工作，除了 safari，它在单击提交按钮时不显示 swf 文件

我在这里设置了一个测试... https://www.paydaygap.co.uk/test.php

我正在使用...

$('#form').show();
$('#loading').hide();

$('.sendform').click(function(){

    $('#form').hide();
    $('#loading').show();

});

点击 .sendform 时应显示的隐藏 div 是...

<div id="loading" style="padding:50px; text-align:center;">
<h1>This thing is loading</h1>
<p>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="300" >
    <param name="movie" value="lightboxform/loading.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <embed src="lightboxform/loading.swf" width="300" height="300" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
  </object>
</p>

非常感谢任何帮助

【问题讨论】：

标签： jquery flash safari show-hide

【解决方案1】：

乍一看，我想知道为什么您使用老式的嵌入 Flash 而不是使用 javascript 插入它？

尝试使用 swfobject 或 flashembed (http://flowplayer.org/tools/toolbox/flashembed.html) 插入闪存：

flashembed(this, "lightboxform/loading.swf");

【讨论】：

【解决方案2】：

我认为其他浏览器在隐藏容器时无法呈现 Flash。试试这个：

首先，不要显示加载 div，而是将其位置设置为绝对位置，然后将其移出页面：

#loading { display:block;position:absolute;left:-9999px;}

然后试试这个：

$('.sendform').click(function(){
    $('#form').hide();
    $('#loading').css({
        'position' : 'relative',
        'left'     : '0px'
    });
});

【讨论】：