Jquery Fancybox在IE中卡住了加载框架_Jquery_Internet Explorer_Iframe_Fancybox_Fancybox 2

Jquery Fancybox在IE中卡住了加载框架

jquery internet-explorer iframe

Jquery Fancybox在IE中卡住了加载框架,jquery,internet-explorer,iframe,fancybox,fancybox-2,Jquery,Internet Explorer,Iframe,Fancybox,Fancybox 2,我在IE中使用fancybox在iframe中加载PDF时遇到问题。当我点击链接时，我得到了gif加载器，它会永远旋转。控制台、页面或类似的地方没有错误。IE的所有版本都出现问题。所有其他浏览器都可以正常工作。此外，PDF是一个内部文件下面是一些代码： HTML type=“text/javascript”> JS $（文档）.ready（函数（）{ /*fancybox处理器*/ $（'.fancybox媒体'）。fancybox({ openEffect:'无'， closeEffec

我在IE中使用fancybox在iframe中加载PDF时遇到问题。当我点击链接时，我得到了gif加载器，它会永远旋转。控制台、页面或类似的地方没有错误。IE的所有版本都出现问题。所有其他浏览器都可以正常工作。此外，PDF是一个内部文件

下面是一些代码：

HTML


type=“text/javascript”>

$（文档）.ready（函数（）{
/*fancybox处理器*/
$（'.fancybox媒体'）。fancybox({
openEffect:'无'，
closeEffect:'无'，
自动调整大小：正确，
类型：“iframe”
});
});

编辑：我也尝试过升级jQuery，但没有成功

编辑：这里有一个非常简单的示例，对我来说在IE中不起作用。

我刚刚测试了你的代码片段，它在IE 8和chrome中对我起作用

我使用的资源文件来自：

jquery：

js:

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


$（文档）.ready（函数（）{
/*fancybox处理器*/
$（'.fancybox媒体'）。fancybox({
openEffect:'无'，
closeEffect:'无'，
自动调整大小：正确，
类型：“iframe”
});
});
也许清除浏览器可以修复它

禁用预加载似乎可以解决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进行测试

检查

我复制/粘贴了您的代码（并更改了pdf），我得到的只是控制台中的一个错误：SCRIPT438:Object不支持属性或方法“fancybox”。OP正在使用fancybox v2.xAwesome，谢谢。同上，工作起来很有魅力。我使用的是fancybox 2.1.4和JQuery 1.7.1，并针对IE9和IE10进行了测试。“预加载：错误”也修复了Android 4.1.2股票浏览器（Mobile Safari）的一个问题。谢谢