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花費大量時間根據自然休息(空格,逗號等)重新劃分文本行。更多的時間是動畫超過引擎重新渲染的能力造成波濤洶涌的顯示。