如何在单击按钮时重定向页面时显示加载程序gif？

Question

我在点击按钮上调用javascript函数并将其放入 window.location ="schedule.php?"+gstr+"&downloadall="+result;

在函数内部。我也希望通过jquery显示一个gif，但是当页面被重定向时它会停止。

Answer 1

如果你想要一个加载gif，重定向发生后：

您无法从正在重定向的页面执行此操作！ 将gif插入要重定向到的页面上的overlay div中，并将其隐藏在document.ready

中

HTML：

<div id="loadImgWrap">
    <img src="some.gif">
</div>

js（使用jquery）：

$( document ).ready(function() {
    $( "#loadImgWrap" ).hide();
});

---

或尝试此处：How to display loading dialog when someone clicks a specific link?

$('<div class=loadingDiv>loading...</div>').prependTo(document.body); 

（我没有发现页面加载速度慢到可以测试它）

---

如果你想在重定向之前显示加载gif：

gif应该是隐藏div的一部分。 ！之前！致电window.location..让它可见。