jquery: 动画必须继续(动画和同步 ajax 请求)

jquery: animation must go on (animation and sync ajax request)

所有!

我使用以下代码: 1)激活动画。例如:

$( ". Wait-screen"). FadeTo (250, 1.0);

2) 向服务器发送请求并等待回复:

$.ajax(async: false, ...);

当开始向服务器执行请求时所有停止 - 动画不是 运行,但一旦请求完成 - 全部运行

如何在 同步请求期间 (async: false) 使浏览器中的动画有效?

同步意味着一次只能运行一行代码。因此,您发出的请求将阻止所有其他代码,直到它完成。您必须将 async: true 设置为非阻塞。

同步意味着代码是阻塞的:在请求 returns 之前,您的所有其他 js 代码都将停止。因此,被阻止的动画是 预期的预期结果 ,因为在请求 returns 之前没有 javascript 干扰 DOM。也许,有时候,有一个很好的理由来发出同步 ajax 请求 - 但我从来没有这样做过 - 但在这种情况下,当你正在播放动画时,这似乎不是其中一种情况。

是否有特殊原因使请求同步?

如果出于某些特定原因,您绝对需要同步请求,也许 - 我不知道,我从未测试过 - 使用纯 css 动画就可以了。