如何在Javascript中加载树时使GIF旋转

sar*_*ake 4 javascript tree jquery

我有一个通过Web服务填充的树 - 这部分是超快的,有点慢的部分填充树...我有一个gif旋转图像,在服务加载时旋转.由于我使用ajaxStop和ajaxStart触发器,gif在ajax请求完成后停止旋转,这是正确的.但是,由于加载需要一瞬间,gif会在一瞬间冻结,看起来不专业.

如何使gif旋转直到树完成加载?

ada*_*Lev 8

浏览器对图像刷新的优先级较低,因此在您的代码在DOM中操作/插入时,浏览器正忙于处理并且没有时间重新绘制图像.

除了优化代码之外,你可以做很多事情,这样你使用ajax数据进行的处理就不那么密集了,或者例如,如果你得到1000个项目的列表,那么它们会间隔地插入到页面中50,每个之间有一个小延迟,所以浏览器有时间重新绘制.

YMMV,也许它在Chrome中看起来很棒,但在IE中冻结了5秒钟.