jquery - 如何防止鼠标快速移动时发生多个事件？

Question

当鼠标打开时以及当鼠标离开元素时，我使用此代码在两个图像之间淡入淡出。当鼠标移动太快时，这会产生一些不正确的过渡。如何防止这种情况发生？

我的代码:

$('.prods li').live('mouseenter',function() {
    $(this).children('.label').stop().animate({top: '80%',opacity: 1}, 800, 'easeOutQuint');
    if ($(this).children('.producthover').length) {
        $(this).children('.product').fadeOut(800);
        $(this).children('.producthover').fadeIn(800);
    }
}).live('mouseleave',function() {
    $(this).children('.label').stop().animate({top: '50%',opacity: 0}, 800, 'easeOutQuint');
    if ($(this).children('.producthover').length) {
        $(this).children('.product').fadeIn(800);
        $(this).children('.producthover').fadeOut(800);
    }
});

Answer 1

您是否尝试过将 .stop() 更改为 .stop(true,true)？