如何使用Jquery在将鼠标悬停在元素上时停止执行fadeOut（）？

Question

我想知道如何在我徘徊在'.child'之前让这段代码停止执行？这是我正在使用的代码，见下文：

$('.child').live('mouseleave', function(){ 
    $('.child').delay(2300).fadeOut(200);
    $(this).removeClass('child');
});

非常赞赏。感谢

Answer 1

使用stop：

$('.child').live('mouseover', function(){ 
    $('.child').stop(true, true); // Stops the current animation
    $('.child').addClass('child');
});

stop(true, true);停止当前动画并跳到该对象的动画队列的末尾。所以，只需再次将该课程添加到您正在淡出的状态，它应该可以正常工作。