我正在开发使用iframe的网络应用。在测试中,它可以在我测试过的所有设备上正常运行,除了Amazon的Fire 7'平板电脑
问题是,尽管关闭后iframe消失了,但按钮元素仍然保持活动状态-在iframe关闭后,不允许访问父页面上的按钮。

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

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

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


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

// Peter Small

最佳答案

在这种情况下,您也应该删除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);
}

10-06 08:05