2

所以我有一个网络应用程序,有很多移动部分。大部分的部分都使用jQuery进行移动。正如在堆栈溢出中所说的,很多次,它在Chrome,Firefox或Safari中的工作比IE上的好得多。事实上,它在IE7或IE8上的效果要好于在IE9上的效果。在兼容模式下,IE9中的动画显着快于标准模式?

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

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

另一个运动部件是在底部的擦洗杆由jquery的基于时间移动为好。还有其他的一些东西,但我想让这个很简单,让我解释其他人的理解。

所有函数scrub-bar会在适当的时候移动lis节点,但是当我在标准模式下运行IE9时,scrub-bar变得非常不连贯,并且lis有时会延迟并且不会在正确的时间显示。如果我让IE9运行在兼容模式下,一切运行得更顺畅。而且越多,它就越慢。任何线索为什么?

顺便说一句,我相信会有“没有足够的信息”的呼喊,但也许你可以谈论普遍。但随时可以提出更多问题。

+1

我想我们必须看到你的代码才能知道为什么它在IE9中运行缓慢。 – jfriend00

回答

1

我无法回答“为什么”你看到了这种行为,但是,我也看到了完全相同的问题。在IE9兼容性,工作正常。在IE9 Normal中,当我制作一个正在崩溃的分区时,会非常波涛汹涌。在折叠(宽度变为零)时,collapsing div中的十几个分区开始收缩,而所有div的高度变得越来越高,同样如预期的那样,并且div内的文本被移位和渲染。它非常波涛汹涌。

当我在折叠div内的内部div较少的另一个页面上执行相同的操作时,动画就像预期的那样平滑得多。唯一的结论是,IE9花费大量时间根据自然休息(空格,逗号等)重新划分文本行。更多的时间是动画超过引擎重新渲染的能力造成波涛汹涌的显示。