Javascript jQuery$.post-stop GIF动画？

我发送请求以获取Html内容并替换为其他内容

这是我的jQuery代码

 $.post(page,function(data){
      $('.page_content').html(data);
 });

我也用这个代码发送请求，但不工作，我得到了同样的问题

$.ajax({
    url:page,
    method:'POST',
    async:true,
    success: function(data){
        $('.page_content').html(data);
    }
});

我使用$.ajaxStart和$.ajaxStop进行隐藏和显示GIF加载

 $(document).ready(function(){
      $( document ).ajaxStart(function() {
             $( ".page_loading" ).show();
      });
      $( document ).ajaxStop(function() {
             $( ".page_loading" ).hide();
      });
 });

这段代码在Mozila中运行良好，但在chrome或safari上不起作用

在chrome或safari中，GIF加载是停止动画

我用这个GIF来加载

请检查这是否在Mozila中工作，但chrome和safari没有设置动画，而是停止动画

---

谢谢。

我在任何地方都没有找到它的文档，但我的经验是，当webkit开始页面转换时，它会停止GIF动画并阻止某些页面重画，从而开始从当前页面回收内存。这大概是为了在呈现下一页时减少总体内存使用。我发现你可以用更小（文件大小）的GIF来解决这个问题。

首先，不要直接链接到blogspot中的url。将映像托管在同一台服务器上，以便快速加载，blogspot url可能会在以后更改，甚至可能不会为其他服务器加载

其次，我认为GIF会停止，因为在准备好文档的情况下，您可以立即运行ajax，为什么不使用SetTimeout（）来延迟它呢

---

另外，您的HTML响应（$（'.page_content'）.HTML（data）；）可能有太多的HTML，因此它会使浏览器忙，并且暂时不会播放GIF，或者看起来像是“挂起”

我尝试缩小GIF的大小，但我面临同样的问题。停止动画。