javascript - 在通过 jquery 或 ajax 加载内容之前显示加载图像

Question

你好伙伴们刚刚遇到了一个问题。

我正在使用 click() 和 load() 函数在 css 类中获取我的内容

      $("#feed").click(function(){
      $(".homefeed").load("feedcontainer.php");
          $("#elementcontainer").show();
      });

      $("#news").click(function(){
      $(".homefeed").load("n.php"); 
      $("#elementcontainer").show();
      });

       $("#info").click(function(){
      $(".homefeed").load("newinfo.php");
      $("#elementcontainer").hide();
       });

如您所见，当我单击一个 div 时，我就可以在 .homefeed 类容器中加载一个 php 文件内容，并且它运行良好

我只想显示一个加载图像..就像加载....加载.....在内容加载之前..因为当我单击其中一个 div 时，它会完美地加载到 homefeed 容器中，但这需要一些时间，所以我只想向用户展示一些加载图像以保持他们的参与度

猜猜现在如何实现？谢谢。

Answer 1

试试这个: $(".homefeed").prepend(response); 更改为 $(".homefeed").html(response)

$("#info").click(function (e) {
$("#loadimg").show(); 
jQuery.ajax({
            type: "POST", 
            url: "newinfo.php", 
            dataType:"text", 
            cache: true,
            success:function(response){
                $(".homefeed").html(response);
                $("#loadimg").hide(); 
            },
            });
    });