在Firefox下JQuery处理iframe时的问题

想动态进行加载iframe的内容，以实现点击注册以后，将注册页面通过iframe显示出来。

于是想到了JQuery的，attr('src','url')方法。代码如下：

JS：

$('#register').click(function(){
   $("#bg").css('display','block');
   $("#doing").css('display','block');
   $("#content > iframe").attr("src","register.php");
   $("#content > iframe").load(function(){
      $("#doing").css('display','none');
      $("#content").css('display','block');
   });
});

HTML：

<div id="bg" class="bg" style="display:none">
<div id="drag" class="dialog" style="-moz-user-select: none;">
<div class="control" style="-moz-user-select: none;">
<a id="closeDialog" href="javascript:void(0);"><img src="style/images/dialogclose.png"></a>
</div>
<div id="doing" class="doing" style="display:none">载入中...</div>
<div id="content" class="content" style="display:none">
<iframe class="frm" src=""></iframe>
</div>
</div>
</div>

 

过程是点击注册以后，先显示遮罩层，把后面的内容遮住，再显示doing层，这个时候执行 $("#content > iframe").attr("src","register.php"); 设置iframe的src属性，然后判断加载完毕以后，隐藏doing层，显示内容层。最终页面显示完毕。

这个过程在IE 和 Chrome下都没有问题，但是在FireFox下，会出现iframe中的内容虽然加载完毕了，但是JS没有起作用。Firebug提示有这个错误：document.defaultView.getComputedStyle(h, null) is null

这个让人非常费解。

 

这里有一些解释：

http://groups.google.com/group/jquery-en/browse_thread/thread/2f5871105858b7f7

http://stackoverflow.com/questions/1683191/jquery-iframe-css-firefox-bug

 

这个问题在JQuery最新的版本已经修复了！