PDF隐藏Jquery模式在Safari
PDF hides Jquery Modal in Safari
这与我的这个问题有关。在IE中,我在对话框中使用iframe解决了问题。所以它工作得很好。但是在safari中,我仍然面临着问题,尽管我已经把框架变成了对话框。Safari浏览器版本5.1.7(7534.57.2).
下面是我试过的代码:
<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-index可能是需要处理的问题所以你可以通过应用z-index
来做到这一点另一方面,Bgiframe是你应该在
中找到的插件另一个音符,在网上阅读了一些文章后,我发现pdf是由Acrobat Reader插件加载的。它是一个独立的,与html无关所以当你调用任何PDF或显示任何文件时,它会调用一个插件,然后你的PDF就会显示出来另一方面,如果你有第三方插件,特别是像acrobad阅读器,你就无法控制显示。所以我的想法就是从这里得到的
你应该使用两个iframe,一个例子可以在这里找到
但毕竟如果你设置z-index: -1;
与position:absolute
和元素,你想要显示(覆盖)设置position:absolute
和z-index:1
可能是一个解决方案。
我提供了更多的想法,我发现从不同的资源。谢谢
相关文章:
- 为什么我的JavaScript在Safari上的严格模式下不能正常工作
- 在ajax回调(safari)中调用bootstrap模式显示
- Safari限制?使用多种方法来显示多个自定义模式对话框
- lightGallery动态模式不适用于Firefox和Safari
- ng模式验证在safari中不起作用
- Safari 7,Mac OS X:确定Java是否处于'不安全'模式
- 自定义模式脚本 - Safari 和 IE 问题
- iPad 上的 Safari 不适合纵向模式下 980 像素宽的网站
- 如何检测 Web 应用是否在应用模式或 Safari 模式下运行
- Form获胜't使用javascript在模式窗口中的iframe中提交,而不在Safari中返回
- 谷歌登录不工作在safari私人模式
- 如何隐藏Safari的工具栏时,方向改变为横向模式
- sessionStorage不能在iphone 6的safari上工作-非私有模式
- 外部js文件在ipad3的safari应用模式下不工作
- PDF隐藏Jquery模式在Safari
- 在iOS Safari上避免使用JavaScript构造/模式
- 在移动Safari中使用后退按钮关闭模式时,页面滚动到顶部
- 引导模式在加载后立即消失,但在Safari中留下背景
- iPhone/iOS 6/Mobile Safari:有没有办法检测浏览器全屏"模式?Android兼容
- 为什么 Safari 的 document.adoptNode() 在源文档处于 quirks 模式时将 css 类名转