加载动画直到ajax调用完成后才会显示

这取决于ajax调用是同步还是异步。

对于 异步 ajax调用，以下工作原理：

$("#loading-popup").show();$.ajax({type: 'POST',// other parameterssuccess: function(yourdata){    $("#loading-popup").hide();}

对于 同步 ajax调用，它 不是 。Ajax首先执行，所有其他进程都被阻止/排队。

解决方法是使用setTimeOut像这样：

setTimeout(function () {$("#loading-popup").show();$.ajax({type: 'POST',async: false,// other parameters//// other pres});$("#loading-popup").hide();}, 10);

但是由于它是同步的，因此加载的GIF不会动画，而只会变成静态图片（至少对于Chrome而言）

我猜只有两种解决方案：
1）使用异步ajax调用
2）使用静态加载图像