如何使用 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) {

   });
});