javascript - 关于 mouseover 和 mouseleave 重复功能？

Question

我有一个我正在尝试编写的函数，它在悬停时显示工具提示并在鼠标离开时淡出:

$('.tt').mouseover(function(e) { 
    var tip = $(this).find('.tooltip');              
    //Set the X and Y axis of the tooltip
    $('.tooltip').css('top', 0 );
    $('.tooltip').css('right', -200);
    tip.fadeIn('500');
}).mouseout(function(e) {
    var tip = $(this).find('.tooltip');
    tip.fadeOut('500'); 
});

如果用户使用鼠标不稳定，并且多次悬停，则工具提示会闪烁，本质上。有什么办法可以防止这种情况发生吗？

Answer 1

您正在寻找 .stop( [clearQueue ] [, jumpToEnd ] )。

tip.stop(true, true).fadeIn(500);
tip.stop(true, true).fadeOut(500);

您可以找到有关 .stop() 的更多信息 here .