JQuery UI对话框iFrame内容为空
所以这是一个奇怪的问题。 我继承了一个包含jQueryUI对话框的页面,该对话框显示一个iFrame。 该对话框在Chrome、IE 10/IE 10中正确打开,兼容模式打开。但是,一些用户在IE 11上报告了一个问题,在兼容模式下,对话框打开,但其内容不显示。 我已经用IE11和兼容模式进行了测试,它对我来说很好,但对其他人来说问题仍然存在 该站点要求启用兼容模式,因为测试兼容模式已禁用,对话框内容已出现,但站点的其余部分受到影响 我尝试在作为对话框中iFrame内容的页面中强制关闭兼容性模式JQuery UI对话框iFrame内容为空,iframe,jquery-ui-dialog,Iframe,Jquery Ui Dialog,所以这是一个奇怪的问题。 我继承了一个包含jQueryUI对话框的页面,该对话框显示一个iFrame。 该对话框在Chrome、IE 10/IE 10中正确打开,兼容模式打开。但是,一些用户在IE 11上报告了一个问题,在兼容模式下,对话框打开,但其内容不显示。 我已经用IE11和兼容模式进行了测试,它对我来说很好,但对其他人来说问题仍然存在 该站点要求启用兼容模式,因为测试兼容模式已禁用,对话框内容已出现,但站点的其余部分受到影响 我尝试在作为对话框中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>
$(文档).ready(函数(){
$('a.dia').live('click',function(){
var url=this.href;
变量对话框=$(“#对话框”);
dialog.empty();
dialog.append($(“”).attr(“src”,url).attr(“frameBorder”,“0”)).dialog({
莫代尔:是的,
身高:600,
宽度:450,
标题:“对话”,
关闭:函数(){window.location.reload();}
});
返回false;
});
});
函数closeIframe(){
$('dialog')。dialog('close');
返回false;
}
JQuery 1.4.2
jQueryUI1.8.2
有人遇到过这个问题吗?到目前为止,我的解决方案是将
iframe
的默认src
设置为“about:blank”,并在jQuery对话框open
方法中将属性设置为实际值。这样,出于某种原因,即使在IE 11中,url也会正常加载。到目前为止,我的解决方案是将iframe
的默认src
设置为“about:blank”,并在jQuery对话框open
方法中将属性设置为实际值。这样,由于某些原因,即使在IE 11中,url也会正常加载。您找到解决方法了吗?我们的项目中有一个非常类似的问题。你找到解决这个问题的方法了吗?我们的项目中有一个非常类似的问题。