jQuery 动画在 Internet Explorer 中不起作用/行为异常
Posted
技术标签:
【中文标题】jQuery 动画在 Internet Explorer 中不起作用/行为异常【英文标题】：jQuery animations not working / behaving strangely in Internet Explorer 【发布时间】：2011-08-16 14:52:34 【问题描述】：我正在开发一个个人网站，http://www.miketurley.com。
在任何 Webkit 浏览器（Chrome、Safari）或 Firefox 中，当您将鼠标悬停在我网站的打开屏幕上的文本上时，您会看到一个流畅的动画，它会滑动文本并显示菜单（“唤醒”我的网站。 ) 这可能不是太必要，但我喜欢它，我认为在我的作品集网站上展示这样的技能是合适的。
无论如何，如果你在 Internet Explorer 中访问我的网站，动画根本不会出现。相同的持续时间过去了，然后页面在一帧内“捕捉”到动画后状态，中间没有任何动作。
我该如何解决这个问题？
此特定动画的解释以及源代码可在此处获得：http://www.miketurley.com/index_explain.html
【问题讨论】：
为什么需要这么多 eval()？ 是的......我真的需要在没有所有 eval() 的情况下重写它。我只是对某些字符没有正确转义感到沮丧，并将所有动画调用转换为字符串。这很丑，我知道。我迟早会解决的。 【参考方案1】：撇开eval 不谈，您的网站无法在 IE 中使用 quirks 模式。使用开发工具，我切换到不同的文档模式，动画运行得很好。目前无法找出是什么激活了怪癖，但您有问题需要调查。从传递strict validation 开始或移动到过渡或html5 <!doctype html>
【讨论】：
以上是关于jQuery 动画在 Internet Explorer 中不起作用/行为异常的主要内容，如果未能解决你的问题，请参考以下文章
如何使用javascript从PNG图像显示动画图像？ [ 像 gmail ]
CSS3 动画无限在 Internet Explorer 11 中无法正常工作
在 Internet Explorer 中的曲线路径上为 SVG 设置动画