javascript - iframe 有时在 Firefox 中无法工作

Question

我有一个带有 style="display:none" 属性的 iframe。它在 Chrome 中一直运行良好，但有时在 Firefox 中会出现问题。 Firefox 中不显示任何 iframe 页面，并且它完全是随机的。

这是我在 angularjs 中的函数，它通过单击按钮来调用。

$scope.onAddGuarantorClicked = function() {
    if($("#frmGuarantor").length > 0) {
        $("#frmGuarantor" ).remove();
    }               

    $("#loadingIframe").show(); 

    var html="<div><iframe id='frmGuarantor' src='https://someUrl' width='100%' height='100%' onload='renderDone();' frameborder='0' style='display:none'></iframe></div>";               
    $("#dvAddGuarantor").append(html);
    $("#dvAddGuarantor").css("min-height", $("#dvSummary").height());
    $("#frmGuarantor").height($("#dvSummary").height() - 60);
    $("#frmGuarantor").attr("src","aDemoPage?id="+$scope.applicationId);
    $("#dvSummary").hide('slow');
    $("#dvAddGuarantor").show('slow');
};

和

window.renderDone = function(){
  var d = new Date(); // for now
  console.log('renderDone called outside at: H:'+ d.getHours()+' M:'+d.getMinutes()+' S:'+ d.getSeconds());

  $("#frmGuarantor").show();
  $("#loadingIframe").hide();              
};

在控制台窗口中，我发现 iframe 无法工作时出现警告。它说:

jQuery.Deferred exception: divStyle is null computeStyleTests@...

Here是完整的警告消息。

然后我搜索了该问题并发现，this漏洞。

有什么方法可以让 iframe 与 Firefox 中的 display:none 一起使用吗？

Answer 1

有一个BUG因此，Firefox 不支持 iframe 中的 display:none。为了解决这个问题，我使用了

visbility:hidden

并显示使用的iframe

$("#frmGuarantor")[0].style.visibility='visible'