javascript - 当我快速移动鼠标时，为什么我的 jQuery 会中断？

Question

我做了一些悬停状态，在元素悬停时显示 div。它工作得非常好，尽管如果我在它上面快速移动鼠标几次，它似乎会中断，并且 div 不再显示，直到我刷新页面。

任何可能导致这种情况的想法，因为它让我感到困惑。

$('#s2_coffeetable').hover(function() {
    $('#popup1').stop().animate({
        opacity: 'toggle'
    }, 5)
}, function() {
    $('#popup1').stop().animate({
        opacity: 'toggle'
    }, 5)
});
$('#s2_drinks').hover(function() {
    $('#popup2').stop().animate({
        opacity: 'toggle'
    }, 100)
}, function() {
    $('#popup2').stop().animate({
        opacity: 'toggle'
    }, 100)
});

Answer 1

试试这个.stop( [clearQueue] [, jumpToEnd] ) jQuery 参考...

.stop(true, true)

将这两个参数传递给停止功能。