jquery – Fancybox在IE中加载iframe

前端之家收集整理的这篇文章主要介绍了jquery – Fancybox在IE中加载iframe前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在使用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',type: 'iframe',iframe: {
              preload: false // fixes issue with iframe and IE
          }
      });
  });

fancybox v2.1.4和IE7测试.

检查JSFIDDLE

猜你在找的jQuery相关文章