Question

我在一个页面中有一系列PDF文件链接。当用户单击其中任何一个时，将打开一个带有页眉和页脚以及<iframe>的新窗口。在IFRAME中，我正在加载该PDF文件。

现在PDF文件需要时间加载，我想在PDF文件加载完成之前显示加载图标。

通过使用我的代码，隐藏加载图标的浏览器会在加载Iframe时隐藏加载。所以需要你的帮助如何确定Pdf何时准备好或在Iframe中加载。

码

$("#iframe").load(function(){  //Iframe is the id of Ifrmae
    $("#loadingicon").hide();  //loadingicon is id of the Loading Icon div
    $("#iframe").show();
});

Answer 1

我可以直接告诉你，你没有正确使用.load方法。

.load用于ajax请求或引用文档

描述：从服务器加载数据并将返回的HTML放入匹配的元素中。

现在，如果你正在加载像

这样的网址

$("#iframe").load('/pdf.pdf');

然后才有意义。

要显示某些内容是否已加载，您可以执行类似

的操作

$('#iframe').css('background', 'url(/spinny.gif)');
$("#iframe").load('/pdf.pdf');

这样就可以显示gif，直到从服务器加载pdf。

Answer 2

可能这是你的预期。

   $("#loadingicon").show();
   $("#iframe").hide(); 

    $('#iframe').load('\file.pdf', function() {
      $("#loadingicon").hide(); // this calls after load completes
      $("#iframe").show(); 
    })

如何在iframe中加载pdf文件之前显示加载图标

2 个答案: