javascript - GIF 图像在 "document.location.href"时停止

Question

我在 javascript 中有这个函数:

function loadPage (url){
  showLoadPageGif();         // visibility On
  document.location.href = getPath + "/" + url ;  
}

当我使用此功能时，GIF 图像显示在屏幕上但不起作用。有人以前打过这个问题吗？谢谢

Answer 1

我最近在使用动画 SVG 作为伪元素中的背景图像时遇到了这个问题。我故意在我的网络服务器上设置了很大的延迟，这样我就可以在 window.location = url; 之后停留在当前页面；奇怪的是，所有其他 CSS 动画和悬停仍然有效，但 SVG 齿轮只是卡住了。

经过一番尝试后，我发现如果我没有更改 window.location，而是提交了 GET 表单，动画会继续运行。

var url;
//load & setup loading animation
//then generate and submit form with a slight delay
setTimeout(function(){
  var new_form;
  new_form = document.createElement('form');
  new_form.method = 'GET';
  new_form.action = url;
  document.body.appendChild(new_form);
  new_form.submit();
}, 100)

在 safari 5.1、firefox 24、chrome 32 上测试