jQuery быстро переключает fadeIn/fadeOut, даже если он не завершен

Возможный дубликат:
jQuery: прерывание fadeIn()/fadeOut()< /а>

эффекты затухания в jQuery действительно плавные, есть только одна проблема, которую я видел: когда вы наводите курсор на элемент, он исчезает, теперь, если вы быстро наведете курсор на элемент, чтобы активировать затухание, эффект затухания будет ждать пока не завершится затухание, что может выглядеть странно.

Возможно ли, что эффект затухания может быть остановлен на любом значении, как только вы активируете наведение, чтобы он сразу же исчезал?

Вот мой код

$(document).ready(function () {

$("#menu").hover(
   function() {
     $("#fade").fadeIn(300);
   },
   function() {
     $("#fade").fadeOut(300);
   }
);


});

jquery skip fade
person user828591    schedule 14.12.2012    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Скажите jQuery остановить текущую анимацию перед запуском новой:

$("#menu").hover(
   function() {
     $("#fade").stop().fadeIn(300);
   },
   function() {
     $("#fade").stop().fadeOut(300);
   }
);
person Blender    schedule 14.12.2012
comment
Спасибо за быструю помощь, не думал, что это так просто! - person user828591; 14.12.2012

arrow_upward
2
arrow_downward

просто добавьте stop перед fadeIn.

 $("#fade").stop(true,true).fadeIn(300)
person Behnam Esmaili    schedule 14.12.2012