javascript - iframe 无法通过亚马逊火正确清除

Question

我正在开发一个使用 iframe 的网络应用程序。在测试中，它在我测试过的所有设备上都运行良好，除了亚马逊的 Fire 7' 平板电脑问题是，虽然 iframe 在关闭时消失，但按钮元素仍然保持 Activity 状态 - iframe 关闭后不允许访问父页面上的按钮。

为了演示这个问题，我在以下位置放置了一个页面: http://www.etradersstudio.com/buttonsToTouch/

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

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

任何解决此问题的方法都将不胜感激..

//彼得·斯莫尔

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);
}