我在使用的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'
});
});
编辑:我也曾尝试jQuery的升级,都无济于事。
编辑:这是一个的jsfiddle ,真是简单,在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。
检查的jsfiddle
我只是测试你的代码片段,它在IE 8和铬为我工作
我使用资源文件来自:
jQuery的: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js
JS: http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js
CSS: http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css
代码我使用:
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
<script>
$(document).ready(function(){
/* fancybox handler */
$('.fancybox-media').fancybox({
openEffect : 'none',
closeEffect : 'none',
autoSize: true,
type : 'iframe'
});
});
</script>
</head>
<body>
<a class="fancybox-media italic" href="pdf.pdf" >Test Doc</a>
</body>
</html>
maybe clear browser cach fix it