简体   繁体   English

jQuery 动画在 Internet Explorer 中不起作用/行为异常

[英]jQuery animations not working / behaving strangely in Internet Explorer

I'm developing a personal website, http://www.miketurley.com .我正在开发一个个人网站http://www.miketurley.com

In any Webkit browser (Chrome, Safari) or Firefox, when you mouse-over the text on my site's opening screen, you get a slick animation which slides the text around and reveals the menu ("waking up" my website.) This may not be too necessary, but I like it and I think it's appropriate to showcase skills like that on my portfolio website.在任何 Webkit 浏览器(Chrome、Safari)或 Firefox 中,当您将鼠标悬停在我网站的打开屏幕上的文本上时,您会看到一个光滑的 animation,它会滑动文本并显示菜单(“唤醒”我的网站。)这可能不是太必要,但我喜欢它,我认为在我的作品集网站上展示这样的技能是合适的。

Anyway, if you go to my website in Internet Explorer, the animations do not appear at all.无论如何,如果您在 Internet Explorer 中访问我的网站 go,动画根本不会出现。 The same duration of time goes by, and then the page "snaps" into the post-animation state in one frame, with no motion in between.相同的持续时间过去了,然后页面在一帧中“捕捉”到动画后 state 中,中间没有任何动作。

How can I fix this?我怎样才能解决这个问题?

An explanation of this particular animation along with source code is available here: http://www.miketurley.com/index_explain.html此特定 animation 的解释以及源代码可在此处获得: http://www.miketurley.com/index_explain.html

Leaving eval aside, you site is failing to quirks mode in IE.撇开eval不谈,您的网站无法在 IE 中使用 quirks 模式。 Using dev tools I switched to different Document Mode and the animations ran just nice.使用开发工具,我切换到不同的文档模式,动画运行得很好。 Can't find out what activates quirks right now but you have an issue to investigate.目前无法找出是什么激活了怪癖,但您有问题需要调查。 Start with passing the strict validation or moving to transitional or html5 <!doctype html>从通过严格的验证开始或转向过渡或 html5 <!doctype html>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM