jQuery: performance lente 'Webkit' - fonction .hover

Hey. J'essaie de faire fonctionner ce script dans webkit (Safari, Chrome, les dernières versions). Cela fonctionne parfaitement dans Firefox. Ce code est appelé dans la fonction document.ready:jQuery: performance lente 'Webkit' - fonction .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 }); 
});

Planant au-dessus des éléments sélectionnés déclenche une animation terriblement lente. Vous pouvez voir un exemple en direct ici: trinkaus.cc

Quelqu'un sait-il pourquoi cela se produit? Cordialement Sascha

Source

2010-10-15 Sascha Michael Trinkaus

Wow, je pense que je dois répondre à ma propre question. L'ombre de l'encart sur la div #top est la cause de la performance JS.

Source

2010-10-17 15:38:31

Cela semble aller dans Google Chrome 6.0.472.63 et IE 8, n'a pas eu l'occasion de le tester dans Safari. Peut-être effacer votre cache ou quelque chose?

Source

2010-10-15 21:05:26

Oh, puisque vous utilisez IE8, il semble que vous avez testé Chrome sous Windows. Je dois préciser que je suis actuellement en train de tester sous OSX. J'ai vidé mon cache plusieurs fois. Je pense qu'il y a vraiment quelque chose de bancal avec webkit/osx ou mon script:/ –

Je suppose que c'est la dernière version de n'importe quel navigateur que vous utilisez? Je vais jouer et voir si je peux reproduire le problème. –

Ok, donc juste essayé: IE 8,7,6. Chrome 6. Firefox 4, 3.6, 3.5, 3, 2. Safari 5,4,3. Opera 10. Tout a bien fonctionné, même IE 6! –

jQuery: performance lente 'Webkit' - fonction .hover

Répondre

Questions connexes