我正在使用iframes
在我的网站上添加Youtube/Vimeo
个视频。
使用iframes
的{{1}}动态删除jQuery
个$().remove()
。虽然这适用于Chrome/FF/Opera/Safari
,但它在IE10
上随机运行,其中嵌入的Flash元素通常仍然可见。
我不知道如何在IE10
上解决此问题(我还没有尝试在真正的 IE9上,但它在模拟IE9
模式下也失败了)
该错误很容易重现:
<html>
<head>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
</head>
<body>
<button id="remove">REMOVE</button>
<iframe src="http://vimeo.com/moogaloop.swf?clip_id=64232781"></iframe>
<script>$( "#remove" ).on( 'click', function(){ $( 'iframe' ).remove(); } );</script>
</body>
</html>
有趣的是,它在IE7 / 8浏览器模式下运行良好。
有没有人遇到过这个问题?
答案 0 :(得分:3)
我遇到了同样的问题,但它与iframe中的PDF有关。该问题也仅出现在IE10的10.0.9200.16540版本中,而不是以前的版本。
根据this question,原因很可能是无效标记。
到目前为止我所知道的:
“解决方法是将父iframe的src值设置为空字符串”(根据上述问题)
在.hide()
.remove()
的iframe
醇>
如果没有从页面中删除iframe,第二个选项可能不是最优雅的,但如果仅仅是渲染问题则最简单。
如果我发现其他任何内容,我会更新此答案。