我正在开发使用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);
}