jquery - Fancybox 在 IE 中加载 iframe 时卡住-6ren

jquery - Fancybox 在 IE 中加载 iframe 时卡住

转载作者：行者123 更新时间：2023-12-03 22:20:39

25

4

我在使用 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

关于jquery - Fancybox 在 IE 中加载 iframe 时卡住，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14819642/

25

4

0

文章推荐： jQuery 日期选择器不随页面滚动而移动

文章推荐： jquery - 为什么gridview是:true used for and what does it mean?

文章推荐： jquery - 动态更改剑道数据源的过滤器值？

文章推荐： jquery - 如何防止多次附加事件处理程序？

php - 在 PHP 中加/除数字
我正在开发一个需要能够平均三个数字的 Facebook 应用程序。但是，它总是返回 0 作为答案。这是我的代码: $y = 100; $n = 250; $m = 300; $number = ($y
javascript - 我需要将一个整数除以 12，如果结果是 float ，则在 javascript 中加 1
我只是无法弄清楚这一点，也找不到任何对我来说有意义的类似问题。我的问题:我从数据库中提取记录，并在我的网页上以每个面板 12 条的倍数显示它们。因此，我需要知道有多少个面板可以使用 JavaScrip

首页

博学

6Ren·AI

商城

jquery - Fancybox 在 IE 中加载 iframe 时卡住