2016-12-26 50 views
0

這是我的代碼,當select改變時,我想讓一個spinner出現在網頁上。然後,我們完成更改後,應該隱藏微調器。 但是紡紗工沒有出現。當我評論「img.style.display =」none「;」, 微調將顯示並永不停止。這似乎有點奇怪。spinner did nott up up

$('#arraySelector').change(function() { 
      var img = document.getElementById('MainContent_spinner'); 
      img.style.display = "inline"; 
      // do something here... 
      dosomething(); 
      img.style.display = "none"; 
     }); 
+0

'dosomething'是做什麼用的?您可以將回調函數傳遞給它。 –

+0

在執行'dosomething'後,將'dosomething'作爲異步調用,將顯示設置爲none –

+0

@AdamAzad,發佈'dosomething()'執行程序 – TRiNE

回答

0

您應該做的最好的事情是使用AJAX來檢查請求是否正在處理。 試試用這段代碼:

$(document).ajaxStart(function() { 
       $(".loader").css("display", "block"); 
      }); 

      $(document).ajaxStop(function() { 
       $(".loader").css("display", "none"); 
      }); 
+0

非常感謝回覆。我怎樣才能確保代碼以正確的順序執行而不使用ajax,因爲dosomething()沒有使用ajax,它只是通過D3.js繪製圖表。 –