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发送给客户端，然后将其插入到你的页面中。这样你就不会在加载图形中受到干扰。