Question

所以这是一个奇怪的。我继承了一个包含JQuery UI Dialog的页面，该对话框显示了一个iFrame。在兼容模式为ON的Chrome，IE 10 / IE 10中，该对话框正确打开。但是，某些用户在IE 11上报告了一个问题，在对话框打开的情况下打开了兼容模式，但是没有显示内容。我已经使用IE 11和兼容模式ON进行了测试，它对我来说很好，但问题仍然存在于其他人。

该网站要求兼容模式为ON，因为测试兼容模式已禁用，对话框内容已出现，但网站的其余部分仍然受到影响。

我尝试在对话框中的iFrame内容页面中强制关闭兼容模式。

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

（直接在/ title之后），但没有帮助。使用style =“display：hidden”创建了对话框css，我删除了但没有帮助。

这是对话框代码

$(document).ready(function() {
        $('a.dia').live('click', function() {
            var url = this.href;
            var dialog = $("#dialog");
            dialog.empty();
            dialog.append($("<iframe />").attr("src", url).attr("frameBorder", "0")).dialog({
                modal: true,
                height: 600,
                width: 450,
                title: 'Dialog',
                close: function() { window.location.reload(); }
            });
            return false;
        });
    });

    function closeIframe() {
        $('#dialog').dialog('close');
        return false;
    }
</script>

JQuery 1.4.2

JQuery UI 1.8.2

有没有人遇到过这个？

Answer 1

到目前为止，我的解决方案是将src的默认iframe设置为＆＃34; about：blank＆＃34;并在jQuery对话框open方法中将属性设置为实际值。这样，由于某种原因，即使在IE 11中，url也会正常加载。

JQuery UI对话框iFrame内容为空

1 个答案: