jQuery looping minha fadeIn / fadeOut

Question

Já fiz alguns .hover fácil (function () declaração em jQuery. Quando eu passar o mouse sobre um texto i simplesmente querem uma # div.fadeIn, e sobre a não-pairar fadeOut. Ele funciona. Mas é apenas se o spam i o texto-trigger com foco e un-hoverring muito rapidamente e, em seguida, parar a animação começa a dar um efeito de piscar. É apenas uma espécie de loops, realmente irritante!

Answer 1

Existem algumas maneiras fáceis de corrigir isso, mas isso deve-se proporcionar um efeito agradável para o que você quer:

$("#yourtrigger").hover(function(){
    $("#div").stop(true).fadeTo( "fast", 1.0);
}, function(){
    $("#div").fadeOut( "fast" );
});

É importante não usar fadeIn com este método, uma vez que vai parar desaparecendo depois de um tempo por causa de como faixas jQuery o que deveria "fade in to".

Answer 2

Se você tem algo parecido com isto:

$('#your_div').action1().action2();

mude para:

$('#your_div').action1(miliseconds, function() {
   $(this).action2(); 
});

Você pode até mesmo, com v1.4, adicione o delay () chamada assim.

$('your_div').action1().delay(miliseconds).action2();