jQuery looping minha fadeIn / fadeOut
Pergunta
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!
Solução
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".
Outras dicas
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();