即使在单击提交按钮之前，也会显示加载图像。为什么？

Question

我们希望在点击提交按钮后立即显示gif加载消息，然后在数据加载完成后立即消失。

到目前为止，情况并不顺利。

只要页面加载但在单击提交按钮之前，即使数据加载完毕，也会显示gif加载程序并保持显示。

如何解决此问题？

zoomed

Answer 1

只需输入'display：none;'以img开头：

<img id="loadingDiv" style="display:none;" src="images/ajax-loader.gif" alt="Loading..." />

或将其隐藏在准备好的文件上。

同样要隐藏加载gif，将其隐藏在成功和错误功能中或“完成”中。

ajaxStop从jQuery docs检查页面上的所有ajax请求，而不仅仅是你正在制作的请求：  注册所有Ajax请求完成后要调用的处理程序。

也不要在'success'或'error'或'complete'函数中使用$ loadingDiv变量它们是异步的，除非你传入它，否则变量将超出范围。只需再次选择带有jquery的div。