代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0171)http://localhost:8080/portal/dynaform/document/view.action -->
<html>
<head>
<meta content="IE=5.0000" http-equiv="X-UA-Compatible">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<script type="text/javascript" src="jquery-ui/js/jquery-1.4.4.min.js"></script>
<link type="text/css" href="jquery-ui/css/smoothness/jquery-ui-1.8.10.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-ui/js/jquery-ui-1.8.10.custom.min.js"></script>
</head>
<body>
<div><a href="javascript:void(0);" onclick="javascript:testAppendTo();">测试AppendTo</a></div>
</body>
<script type="text/javascript">
function testAppendTo() {
$('<div>111</div>')
.append('<iframe src="dialog_page.html" frameborder="0" width="500" height="300" >')
.appendTo(document.body)
.dialog()
;
}
</script>
</html>
其中在IE11.0.30版本中,是可以显示iframe的内容的
但当windows更新后,IE升级到11.0.31(KB3154070)后就不行了,
后来,将.appendTo(document.body)不要就可以了,在此主要是想请请教高手分析一下这种现象出现的原因.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
iframe不是但标签,要补全来,要不浏览器可能会解析出错
.append('<iframe src="dialog_page.html" frameborder="0" width="500" height="300" ></iframe>')
var openWin = function (id, title, url) {
var horizontalPadding = 30;
var verticalPadding = 30;
$('<iframe id="' + id + '" src="' + url + '" frameborder="0" scrolling="no" />').dialog({
title: title,
autoOpen: true,
width: 800,
height: 380,
modal: true,
resizable: true,
autoResize: true,
overlay: {
opacity: 0.5,
background: "black"
},
open: function (event, ui) {
$('body').css('overflow', 'hidden');
$('.ui-widget-overlay').css('width', '100%');
},
close: function (event, ui) {
$('body').css('overflow', 'auto');
}
}).width(800 - horizontalPadding).height(380 - verticalPadding);
}
这段代码 在ie11.0.31上也碰到了楼主的问题 求大神指教