jquery - IE9 中的动画在兼容模式下比标准模式下明显更快？

Question

所以我有一个包含很多事件部件的网络应用程序。大部分部分都是使用 jquery 移动的。正如关于堆栈溢出多次说过的那样，它在 Chrome、Firefox 或 Safari 中的运行效果比在 IE 上要好得多。事实上，它在 IE7 或 IE8 上的运行效果比在 IE9 上更好。

基本上我有一个无序列表，其中所有列表项最初都是使用 display:none 隐藏的。页面上还有一个播放音频文件的媒体播放器。当音频播放时，项目符号会使用 $(".timeable[begin='i']").show() 及时显示，其中 i 是音频中的当前时间。

<ul>
  <li class="timeable" begin="1">First Item</li>
  <li class="timeable" begin="5">Second Item</li>
</ul>

另一个移动部件是底部的滑动条，它也由 jquery 根据时间移动。还有其他事情，但我想让这变得简单，以便我解释其他人可以理解。

所有功能的滑动条都会在适当的时间移动 lis 显示，但是，当我在标准模式下运行 IE9 时，滑动条会变得非常不稳定，并且 lis 有时会延迟并且不会在正确的时间显示。如果我让 IE9 以兼容模式运行，一切都会顺利得多。此外，lis 越多，速度就越慢。有什么线索可以解释为什么吗？

顺便说一句，我确信会有人提示“信息不足”，但也许你可以泛泛而谈。但请随时提出更多问题。

Answer 1

我无法回答“为什么”您会看到这种行为，但是，我也看到了完全相同的问题。在 IE9 兼容性中，工作正常。在 IE9 Normal 中，当我为正在折叠的分区设置动画时，非常不稳定。折叠时(宽度变为零)，折叠 div 中的十几个分区开始按预期缩小，而所有 div 的高度变得越来越高，再次如预期，并且随着 div 中的文本移动和渲染。非常不稳定。

当我在折叠 div 内的内部 div 较少的另一个页面上执行相同类型的操作时，动画如预期的那样平滑得多。唯一的结论是 IE9 花费了大量时间根据自然中断(空格、逗号等)重新呈现文本行。动画的时间超过了引擎重新渲染的能力，导致显示不稳定。