Question

嘿。我试图让这个脚本在webkit（Safari，Chrome，最新版本）中顺利运行。它在Firefox中运行得非常好。此代码在document.ready函数中调用：

$('#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

Answer 1

谷歌Chrome 6.0.472.63和IE 8似乎没问题，没有机会在Safari中测试它。也许清除你的缓存或什么？

Answer 2

哇，我想我必须回答我自己的问题。 #top div上的插入阴影是JS性能的原因。

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

2 个答案: