jQuery / Safari 显示/隐藏 Flash 问题

Question

我在加载表单时使用显示/隐藏来加载“正在加载”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>

非常感谢任何帮助

Answer 1

我认为当容器隐藏时其他浏览器无法渲染 Flash。请尝试以下操作：

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

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

然后尝试以下操作：

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

Answer 2

乍一看，我想知道为什么你使用 old-skool 嵌入 flash，而不是用 javascript 插入它？

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

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