如何使用jQuery显示隐藏元素

Question

我的页面上有一个忙碌的图标，其中有一个“隐藏”类。当用户单击按钮开始处理输入数据时，我想显示忙碌图标。我这样做是为了

$("#busy").removeClass("hidden");

删除隐藏的类后，我立即使用AJAX从服务器获取一些数据，在页面上显示并将隐藏的类添加回繁忙的图像。

我的问题是永远不会显示忙碌图标。我不是javascript / jQuery专家，但我认为这是因为在脚本执行完之后页面才重新绘制？

如何在AJAX处理过程中显示忙碌图标？

Answer 1

试试这个

首先你在div上链接你的图像

然后

试试这个，它会正常工作

$.ajax({
   url : "URL",
   data: { data },
   beforeSend: function(){
     $("#loading").show();
   },
   complete: function(){
     $("#loading").hide();
   },
   success:  function (response) {

   });
});