GIF在使用Javascript創建元素之前停止

Question

我正在嘗試開發一個使用簡單GIF圖像的「裝載機」。在從服務器檢索數據的同時，我會用其典型的加載GIF顯示加載消息。

但是，當數據成功接收並嘗試創建一個簡單的樹（使用JQuery EasyUI Treeview）時，GIF將停止，直到它完全構建樹。

我該怎麼做才能避免這種行爲？類似於OS中的線程（一個線程到GIF圖像，另一個線程到樹形成）。

這是我的源代碼：

// Show loading GIF 
$('#loading-tree').css('display','inline'); 

$.ajax({ 
    url: 'index.php/home/getWebTree/'+ticket+'/'+username+'/'+val+'/true', 
    dataType: 'json', 
    success: function(data){ 
     createTree(data,'tt1'); 
     // Hide loading GIF when tree had been created 
     $('#loading-tree').css('display','none'); 
    } 
}); 

謝謝！

Answer 1

Javascript中沒有線程。有多種方法可以模擬線程，以執行多個複雜的計算（請參閱：http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=javascript+threading）。實現你想要的最好的方法可能是在服務器端生成樹並將其作爲html發送給客戶端，然後將其插入到你的頁面中。這樣你就不會在加載圖形中受到干擾。