jQuery looping mia fadeIn / fadeOut

Question

Ho fatto qualche dichiarazione facile .hover (function () in jQuery. Quando ho posiziona il mouse sopra un testo che voglio semplicemente un # div.fadeIn, e sulla non-hover fadeOut. Funziona. Ma è solo se lo spam il testo-trigger con hover e non-hoverring molto velocemente e quindi interrompere l'animazione cominciano a dare un effetto lampeggiante. e 'solo tipo di loop, davvero fastidioso!

Answer 1

Ci sono alcuni semplici modi per risolvere questo problema, ma questo dovrebbe fornire un piacevole effetto di ciò che si vuole:

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

La sua non è importante usare fadeIn con questo metodo in quanto si fermerà dissolvenza dopo un po 'a causa di come jQuery tiene traccia ciò che dovrebbe "svanire in su".

Answer 2

Se avete qualcosa di simile a questo:

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

modificarla in:

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

È anche possibile, con v1.4, aggiungere il ritardo () chiamata in questo modo.

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