Question

我正在开发一个使用iframe的网络应用。在测试中，除了亚马逊的Fire 7＆＃39;之外，它在我测试过的所有设备上都能正常工作。片剂问题是尽管iframe在关闭时消失，但按钮元素仍然保持活动状态 - 在iframe关闭后不允许访问父页面上的按钮。

为了证明这个问题，我已经在以下位置张贴了一个页面： http://www.etradersstudio.com/buttonsToTouch/

我使用两种方法尝试关闭窗口并删除内容：

function doClose() { //used to remove iframe
    $("#iframeName").contents().find(".stageBorder").remove();
    $("#iframeName").remove();
}

对此问题的任何解决方案都将非常感谢..

// Peter Small

Answer 1

在这种情况下，你也应该删除iframe本身。创建iframe div动态使其更容易

function goMenuTarget(url) {
   var myIframe = $("#iframeName");
   $('body').append(myIframe)
   document.getElementById("iframeName").src = url;
   location = "#openModal";
}

function doClose() { //use to remove iframe
    $("#iframeName").contents().find(".stageBorder").remove();
    $("#iframeName").remove();
    var iframeDiv = document.getElementById("iframeName");
    document.body.removeChild(iframeDiv);
}

iframe无法用亚马逊火力正确清理

1 个答案: