jquery dialog iframe在IE11.0.31中不能正常加载的现象,请分析一下原因

代码如下

 <!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">





function testAppendTo() { $('<div>111</div>') .append('<iframe src="dialog_page.html" frameborder="0" width="500" height="300" >') .appendTo(document.body) .dialog() ; }


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上也碰到了楼主的问题  求大神指教