我在使用 fancybox 的 IE 中的 iframe 中加载 PDF 时遇到问题。当我点击链接时,我会得到 gif 加载程序,并且它会永远旋转。控制台或页面或类似内容中没有错误。所有版本的 IE 都会出现此问题。所有其他浏览器都工作正常。此外,PDF 是内部文件。
这是一些代码:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href=<?php echo base_url("templates/style1/css/jquery.fancybox.css") ?> />
<script src=<?php echo base_url("js/jquery-1.7.2.min.js") ?> type="text/javascript"></script>
<script type="text/javascript" src="../js/jquery.fancybox.js"></script>
</head>
<body>
<a class="fancybox-media italic" href="../contract_docs/dummy.pdf" >Test Doc</a>
</body>
</html>
JS
$(document).ready(function(){
/* fancybox handler */
$('.fancybox-media').fancybox({
openEffect : 'none',
closeEffect : 'none',
autoSize: true,
type : 'iframe'
});
});
EDIT:我也尝试过升级 jQuery,但没有成功。
EDIT:这里有一个jsFiddle http://jsfiddle.net/7HgaZ/4/,非常简单,对我来说在 IE 中不起作用。
禁用预加载似乎可以修复 iframe 和 IE 的问题,因此请尝试以下操作:
$(document).ready(function () {
/* fancybox handler */
$('.fancybox-media').fancybox({
openEffect: 'none',
closeEffect: 'none',
autoSize: true,
type: 'iframe',
iframe: {
preload: false // fixes issue with iframe and IE
}
});
});
使用 fancybox v2.1.4 和 IE7 进行测试。
Check JSFIDDLE http://jsfiddle.net/6zkpz/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)