爲什麼當我移動鼠標真的很快時，我的jQuery崩潰了？

我做了一些懸停狀態顯示元素懸停的div。它的工作非常好，雖然如果我快速移動鼠標幾次，它似乎中斷，並且div不再顯示，直到我刷新頁面。爲什麼當我移動鼠標真的很快時，我的jQuery崩潰了？

任何想法可能會導致這一點，因爲它讓我感到困惑。

$('#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) 
});

來源

2012-07-27 Chris Till

您沒有使用'.stop（true，true）'，因此不透明度會保留爲進度狀態。 – Esailija 2012-07-27 09:30:51

試試這個.stop([clearQueue] [, jumpToEnd])jQuery reference ...

.stop(true, true)

傳遞這兩個參數來停止功能。

來源

2012-07-27 09:32:46 Vins

修好了！一旦我允許，我會'回答'。這是做什麼來解決它？ – 2012-07-27 09:35:02

我給了你參考鏈接。 clearQueue布爾值，指示是否刪除排隊的動畫。默認爲false。 jumpToEndA指示是否立即完成當前動畫的布爾值。默認爲false。 – Vins 2012-07-27 09:41:21

爲什麼當我移動鼠標真的很快時，我的jQuery崩潰了？

回答

相關問題