JQuery цикл мой FadeIn / FadeOut

Question

Я сделал несколько простых инструкций .hover (function () в jQuery. Когда я наводю курсор мыши на текст, я просто хочу # div.fadeIn, а на non-hover fadeOut. Это работает. Но это просто, если я спам текстовый триггер с наведением и отменой зависания очень быстро, а затем остановка анимации начинает давать мигающий эффект. Это просто своего рода циклы, действительно раздражающие!

Answer 1

Есть несколько простых способов исправить это, но этот должен обеспечить хороший эффект для того, что вы хотите:

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

Важно не использовать fadeIn с этим методом, так как он через некоторое время прекратит исчезать из-за того, как jQuery отслеживает то, что он должен "исчезнуть".

Answer 2

Если у вас есть что-то вроде этого:

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

Измените его на:

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

Вы можете даже с v1.4 добавить вызов delay () следующим образом.

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