jquery - 在页面刷新时显示加载图像

Question

我有一个 javascript 片段，一旦有人单击特定链接，就会强制使用 .reload(true) 重新加载页面。如何在页面刷新时显示简单的“加载”图像？

（如果有帮助，已经在页面上使用 jquery）

Answer 1

查看jquery-loadmask 插件

Answer 2

您没有指定要加载图像的位置。如果您希望图像本身“成为”加载图像，请首先装饰您的图像：

<img class="cl"
     src="loading.gif"
     onload="if(!this._done){this._done=true;this.src='real.jpg';}"/>

然后，在调用之前.reload，请执行以下操作：

$('img.cl').attr('src','loading.gif');

另一方面，如果你想把它放在一个固定的地方，只需这样做，但将该 div 标记为隐藏，如下所示：

<div id="rl">loading <img src="loading.gif"/></div>
<noscript><style>
#rl {display:none;}
</style></noscript>
<script><!--
document.write("<style>\ndiv#rl {display:block;}\n</style>");
$('#rl').hide();
//--></script>

（也许你也会将 rl 定位在某个地方）

然后，在调用 reload 之前，只需重新显示它：

$('#rl').show();