动态生成HTML时，Gif动画停止

Question

我看到很多关于.gif动画的讨论在AJAX调用期间不再是动画，这是AJAX异步性质的结果。我认为我的问题有所不同：我在点击动态生成HTML，并希望以模态方式播放标准秒表动画，直到创建HTML。显示和隐藏动画很容易 - 一旦我点击某些内容，我就会添加将显示动画的类：

$("#something").click(function(){ $("body").addClass("loading"); htmlCreate(); // the function dynamically generating the HTML });

在动态HTML生成结束时反转过程：

$("body").removeClass("loading");

图像肯定会显示，但从不动画。我在这里读了一篇帖子，建议图像必须在它可以动画之前完全加载，所以我尝试了类似的东西：

$body.addClass("loading"); setTimeout(function() { htmlCreate(); }, 2000);

这肯定给了我两秒的动画，一旦setTimeout超时并且调用htmlCreate()函数就会停止。动态构建HTML的过程绝对是一个过程怪物 - 在htmlCreate()正在运行时，Chrome显示超过90％的CPU使用率，因此我很容易看到它压倒浏览器并阻止它从完全显示.gif中的所有动画帧。但如果有人可以推荐一个解决方案，我将非常感激。感谢您的关注和帮助。

Answer 1

我有同样的问题，我可能（我忘了）修复了重新加载img的src标签

$(".myimg").attr("src", $(".myimg").attr("src"));