在Firefox下JQuery处理iframe时的问题

来源：互联网发布：微信话费充值源码编辑：程序博客网时间：2024/06/06 00:48

想动态进行加载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最新的版本已经修复了！