GIF 在用 Javascript 创建元素之前停止

发布于 2024-10-22 19:53:02 字数 692 浏览 4 评论 0 原文

我正在尝试使用简单的 GIF 图像开发一个小“加载程序”。当从服务器检索数据时，我会显示一条加载消息及其典型的加载 GIF。

但是，当成功接收数据并且我尝试创建一个简单的树（使用 JQuery EasyUI Treeview)，GIF 将停止，直到完全构建树。

我可以做什么来避免这种行为？类似于操作系统中的线程（一个线程用于 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');
    }
});

谢谢！

原文

I'm trying to develop a little "loader" using a simple GIF image. While data is being retrieved from server, I show a loading message with its typical loading GIF.

But, when the data is successfully recieved and I try to create a simple tree (using JQuery EasyUI Treeview), the GIF is stopped until it completely build the tree.

What can I do to avoid this behaviour? Something like threads in OS (one thread to GIF image and other to tree build).

This is my source code:

// 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');
    }
});

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

那一片橙海， 2024-10-29 19:53:02

Javascript 中没有线程。有多种方法可以模拟线程来执行多个复杂的计算（请参阅：http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=javascript+threading）。实现您想要的效果的最佳方法可能是在服务器端生成树并将其作为 html 发送到客户端，然后将其插入到您的页面中。这样您就不会在加载图形中受到干扰。