jQuery：慢'Webkit'性能 - 函數.hover

嘿。我試圖讓這個腳本在webkit（Safari，Chrome，最新版本）中順利運行。它在Firefox中運行得非常好。這段代碼被稱爲中的document.ready功能：jQuery：慢'Webkit'性能 - 函數.hover

$('#noScript').remove(); 
$("#content div.wrapper, #top div.wrapper").hide().stop().fadeIn({duration: 2000, queue: true }); 

$('#social a') 
.children('span').hide() 
.next('img').css('opacity', '0.4') 
.parent().hover(function(){ 
    $(this).children('img').animate({ opacity : 0.99}, {duration: 100, queue: false }) 
    .prev('span').fadeIn({duration: 200, queue: false }); 
}, function(){ 
    $(this).children('img').stop().css({ opacity : 0.4}) 
    .prev('span').hide(); 
}); 

$('#language').css({opacity: '0.5'}).hover(function() { 
    $(this).animate({ opacity : 0.99}, {duration: 'fast', queue: false }) 
}, function(){ 
    $(this).animate({ opacity : 0.5}, {duration: 'fast', queue: false }); 
});

懸停在選定的項目觸發非常緩慢動畫。你可以在這裏看到一個生動的例子：trinkaus.cc

有沒有人有任何線索爲什麼發生這種情況？親切的問候 Sascha

來源

2010-10-15 Sascha Michael Trinkaus

哇，我想我必須回答我自己的問題。 #top div的嵌入陰影是JS性能的原因。

來源

2010-10-17 15:38:31

谷歌瀏覽器6.0.472.63和IE 8似乎沒事，沒有機會在Safari中測試它。也許清除你的緩存或什麼？

來源

2010-10-15 21:05:26

哦，由於您運行的是IE8，因此您似乎已經在Windows上測試過Chrome。我必須指出，我目前只是在OSX下進行測試。我已多次清除緩存。我認爲webkit/osx或我的腳本確實有些不可思議：/ – 2010-10-15 21:11:42

我認爲它是您正在使用的瀏覽器的最新版本？我會玩一玩，看看我是否可以複製這個問題。 – 2010-10-15 21:15:57

好吧，試試看：IE 8,7,6。 Chrome 6. Firefox 4，3.6，3.5，3，2. Safari 5,4,3。 Opera 10.一切正常，甚至IE 6！ – 2010-10-15 21:39:47

jQuery：慢'Webkit'性能 - 函數.hover

回答

相關問題