Javascript Firefox/IE only-gif动画在元素显示后冻结（）jquery

我有一个页面，其中一个隐藏的div中有一个gif动画。单击某个内容时，div show（）会显示，但动画会卡在第一帧上。我尝试了一些修复方法，但似乎没有任何效果。我曾尝试在点击时动态插入图像，重新聚焦等，但都没有效果

---

要查看示例，请转到并使用顶部的语言选择器选择其他语言。应出现“翻译”一词和动画图像。动画在IE和Firefox（wtf？）之外的所有其他浏览器中都可以使用。

在构建DOM时尝试最初显示元素。也许可以使用css将其从页面中删除，并在需要时将其放回原来的位置。或者可以使用不透明度来隐藏它，无论哪种方式都要确保元素在页面加载时显示

---

Source-

我尝试了几种解决方案，但都无法实现这一点。我的最终解决方案是在spin.js中从gif动画切换到JavaScript解决方案。它工作得很好

---

应该设置什么动画？@freshyeball这个小“圆圈/箭头”东西-问题似乎是Firefox对在一个即将被HTTP请求的结果覆盖的页面上制作动画不感兴趣。@freshyeball留给语言“选择”您将看到一个文本翻译和一个加载文件，请将其添加到您的问题中。它的键。也许你可以让“切换语言”按钮的“点击”处理程序显示隐藏的

，然后在“点击”几毫秒后从超时处理程序开始重新加载页面。@JamesHuckabone你能提供一个小提琴吗？你是如何尝试的？作为一个简化的例子，我相信我们可以在这里解决这个问题。我认为它没有解决方案，这是Firefox呈现GIF图像的固有方式。它可以在其他浏览器中使用。我以前也遇到过这个问题，并且在没有使用额外的js的情况下解决了这个问题。（派对晚些时候）我使用spin.js来解决这个问题，直到解决了真正的问题。请参见如何在所有浏览器上继续使用spinner.gif动画。