动画 GIF 在 Firefox 4.0 及更高版本中冻结答案

【问题标题】：animated gifs freeze in firefox 4.0 and above动画 GIF 在 Firefox 4.0 及更高版本中冻结
【发布时间】：2011-12-09 15:02:14
【问题描述】：

我正在使用 jquery 预加载动画 gif，然后将带有动画 gif 的消息注入代码。在 Firefox 4.0 发布之前，它一直可以正常工作。从那时起只有第一帧是显示并且动画被冻结。（在 IE 和 chrome 上运行良好）

我用：

$("<img>").attr("src",image);  // preload the image

后来：

$(message).insertAfter(obj);  // inject animated gif and some text

[编辑] 添加 jsfiddle 示例：http://jsfiddle.net/na2ku/35/

【问题讨论】：

请通过 jfiddle 向我们展示您的代码。请检查：http://api.jquery.com/insertAfter/``http://www.w3schools.com/jquery/html_insertafter.asp
Firefox 只是在文档位置更改时冻结动画。当您在表单提交时注入它时，这意味着文档位置已更改为表单操作。考虑改用 AJAX。
感谢您的技术解释。在这种情况下，不能使用 AJAX。

【解决方案1】：

也许尝试将图像对象插入到文档中，而不是添加简单的标签。

var img = new Image();
img.src = "image.gif";
$(img).insertAfter(message);

【讨论】：