当我快速移动鼠标时，为什么我的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 reference ...

.stop(true, true)

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