Javascript PDF在Safari中隐藏Jquery模式
这与我的问题有关。在IE中,我使用对话框中的iframe解决了这个问题。所以它工作得很好。但在safari中,我仍然面临着问题,尽管我已经将iframe带入了对话。Safari浏览器版本为5.1.77534.57.2 以下是我尝试过的代码:Javascript PDF在Safari中隐藏Jquery模式,javascript,jquery,css,asp.net-mvc,safari,Javascript,Jquery,Css,Asp.net Mvc,Safari,这与我的问题有关。在IE中,我使用对话框中的iframe解决了这个问题。所以它工作得很好。但在safari中,我仍然面临着问题,尽管我已经将iframe带入了对话。Safari浏览器版本为5.1.77534.57.2 以下是我尝试过的代码: <div> <iframe allowtransparency="true" style="width :100%;height:68em" id="FaxPdf" src='@Url.Action("GetPDF", "Base"
<div>
<iframe allowtransparency="true" style="width :100%;height:68em" id="FaxPdf" src='@Url.Action("GetPDF", "Base", new { pdfPath = @Model.PDFPath })'></iframe>
</div>
<img id="addPatient" title="Add/Select Patient" src="~/Content/Images/AddNewSmall2.png" style="height:20px;width:20px;cursor:pointer;float:right" />
<div id="dialog" style="width: 100%; height: 100%; background-color: lightgray; display: none; ">
<iframe id="patientFrame" frameborder="0" marginwidth="0" marginheight="0" style="width:100%;height:60em"></iframe>
</div>
$('#addPatient').click(function () {
$('#dialog').dialog('open');
});
$('#dialog').dialog({
autoOpen: false,
title: 'Add/Select Patient',
height: 'auto',
width: '90%',
position: ['top', 50],
draggable: false,
show: 'blind',
hide: 'blind',
modal: true,
open: function (event, ui) {
$.ajax({
url: '@Url.Action("ManagePatient","Order")',
type: 'GET',
cache:false,
success: function(data){
setTimeout(function () {
var frameSet = document.getElementById("patientFrame");
var iframedoc = frameSet.document;
if (frameSet.contentDocument)
iframedoc = frameSet.contentDocument;
else if (frameSet.contentWindow)
iframedoc = frameSet.contentWindow.document;
if (iframedoc){
iframedoc.open();
iframedoc.writeln(data);
iframedoc.close();
}
},400);
},
error: function () {
window.location.href = '@Url.Action("Index","Error")';
}
});
},
close: function (event, ui) {
$("#patientFrame").attr("src", '');
}
});
您可以看到对话框右半边的问题被PDF阻止。特别是,我认为z索引可能是需要解决的问题,所以您可以通过应用z索引来解决 另一方面 是您应该在中找到的插件 一个又一个音符, 在互联网上阅读了一些文章后,我发现pdf是由AcrobatReader插件加载的。 这是一个单独的版本,与html无关 因此,当您调用任何pdf或显示任何文件时,它将调用插件并显示您的pdf 另一方面,如果你有第三方插件,特别是像acrobad阅读器,你就无法控制显示器。 所以我的想法是从 您应该使用两个iframe,在这里可以找到一个示例 但毕竟,如果你设置z指数:-1;使用position:absolute和要显示的元素,覆盖set position:absolute和z-index:1可能是您的解决方案
我从diff resources中找到了更多的想法。谢谢你能在这里展示一下safari中的输出是如何显示的吗?那么你的愿望输出应该是什么呢?PDF必须在后端。dialog应该在前面dialog已经在前面了为什么不试试z-index呢?让我们看看。你能试试object而不是iframe吗?@Dhwani你能做个小提琴吗?