bug de jQuery animant la position relative (au survol),

Question

Chaque fois que le code suivant est exécuté dans Chrome et FF (non testé dans d'autres navigateurs), l'écran de l'utilisateur se met à clignoter. "text" va comme tel, comme dans l'image. Le script est censé lever le "text" 4px au-dessus sur mouseover et le renvoyer sur mouseout

Mais au lieu de cela, lorsque la souris est amenée dans le mouvement comme ci-dessous, à chaque fois elle se soulève de 4px au-dessus de sa dernière position.

$(document).ready(function(){
    $('#n #c a').hover(function(){
        $('span',this).stop(true,true).animate({top:'-=4px'},200);
    },function(){
        $('span',this).stop(true,true).animate({top:'+=4px'},400);
    });
});

NOTE : Dans l'image ci-dessus, le texte n'est qu'un seul, les autres sont montrés pour des raisons de compréhension. Vous devez être rapide pour obtenir le même effet.

Answer 1

Je pense que vous pouvez simplement définir le haut à -4px au survol et 0px lorsque la souris existe.

$(document).ready(function(){
    $('#n #c a').hover(function(){
        $('span',this).stop(true,true).animate({top:'-4px'},200);
    },function(){
        $('span',this).stop(true,true).animate({top:'0px'},400);
    });
});