在Firefox上按下浏览器的后退按钮后，加载图像继续旋转

Question

我有像这样的div标签

<div id="page-loader">
<img src="loader.png" alt="loading"></img>
</div>

并且每次点击“a”标签都会运行脚本

$("#page-loader").show();

只要点击<a>标签浏览器显示“loader.png”图片并移至新页面（取决于href）。点击了firefox的后退按钮，它进入最后一页并显示“loader.png”图片并且它一直显示“loader.png”图片根本没有停止。有人可以帮我这个..？

感谢：）

Answer 1

那是因为当您点击后退时，您实际上会回到正在显示的div状态。您可以将jQuery设置为在最初加载时始终隐藏div。

$(document).ready(function(){
    $('#page-loader').hide();
});