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

   });
});