加载gif仅适用于firefox,但在setTimeout(jquery)之后在其他浏览器上冻结

时间:2016-06-14 12:34:26

标签: jquery css firefox loading gif

我想在调用某个函数时显示一个加载gif,并在我调用另一个函数时隐藏它。我设法在firefox上做得很好,但加载gif在IE和Chrome上冻结。

我调用的函数是一个用pdf加载一个新窗口的函数,这里是jquery代码:

 function newPage(){
     $('#loader').show();
     setTimeout(LoadPDF,100);
 }   

 function ChangeLoad(){
     $('#loader').hide();
}

这是css:

#loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    background: url('imagens/spinner.gif') center center no-repeat rgba( 255, 255, 255, .6 );
    Display:Block;
}

直到满足超时才有效(所以如果我在setTimeout上放置x时间而不是100,它会在这x个时间后冻结)。我已经尝试了一些解决方案,但没有一个有效,请记住我不想在这里使用ajax(我已经看过很多关于ajax的解决方案,我甚至不确定它是否适用于此)。< / p>

那么有没有让gif在所有浏览器上运行?我对此很善意,但在询问之前我搜索了很多。我试图使它们同步(加载gif和LoadPDF函数),但它不起作用(也许我没有正确地做到)。

顺便说一句,对不起,如果我的英语不好。

更新:我发现有一件事是gif只在服务器上做某事时停止,这里我们使用intersystems缓存,所以基本上它在这个服务器上执行东西时停止。不管怎样,你们都知道我这样做吗?

0 个答案:

没有答案