Fancybox卡在IE中加载iframe
我在使用fancybox在IE中的iframe中加载PDF时遇到问题。 当我点击链接时,我得到了gif加载器,它只是永远旋转。 控制台或页面上没有错误或类似的错误。 所有版本的IE都会出现问题。 所有其他浏览器工作正常。 此外,PDF是内部文件。
这是一些代码:
HTML
<link rel="stylesheet" type="text/css" href= /> <script src= type="text/javascript"> Test Doc
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和chrome中为我工作
我使用以下资源文件:
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
我使用的代码:
Test Doc maybe clear browser cach fix it