JQUERY BlockUI progress image not animated

我正在使用JQUERY Block UI来显示我们系统中长时间运行的进程之一的进程映像。我使用下面的代码来显示进度图像。在blockui和unblockui代码之间有一个长时间运行的方法调用。当我执行这个代码块时，UI可以工作，但图像不会像我们在其他网站中看到的那样旋转。此代码显示s静止图像，并且它不随时随地旋转，并在最后解除阻止UI的作用。为什么这个进度图像没有动画？JQUERY BlockUI progress image not animated

$.blockUI({ message: img src="../progress.gif" /><h4>Just a moment</h4> }); 

AddFunctionalityToLevel(id); //Just a method call. 

$.unblockUI({ fadeOut: 200 });

来源

2012-07-17 Yasith

gif在浏览器中正常打开时是否生成动画？ BlockUI不做任何事情来动画化图像，它只是像普通图像一样显示它，动画由gif本身完成。 – NikhilWanpal 2012-07-17 05:39:02

当我删除代码图像的中间行正常旋转。此外，当我在浏览器gif动画中打开此图像。 – Yasith 2012-07-17 06:05:54

问题我在这里注意到的是单线程阻塞图像的旋转。所以我找到了一种调用异步方法的方法，让图像在一个单独的线程中旋转。以下是存档的方式。

$ .blockUI（{message：'Just a moment ...'}）; （'AddFunctionalityToLevel（'+ id +'）'，1000）;

功能AddFunctionalityToLevel（ID）功能

$ .unblockUI（{淡出：200}）的 {

//逻辑;

}

来源

2012-09-11 10:53:33 Yasith

JQUERY BlockUI progress image not animated

回答

相关问题