延迟jQuery的.live鼠标悬停功能

Question

我目前使用此代码：

$('#startLabel').live('mouseover',function(){ 
$('.startTooltip').fadeIn(); 
    }); 

    $('#startLabel').live('mouseout',function(){ 
$('.startTooltip').fadeOut(); 
    }); 

当用户将鼠标悬停在#startLabel DIV显示工具提示股利和隐藏工具提示，当用户移动光标了。

我想改变这一点，以便在#startLabel div被悬停3秒后才会出现工具提示，有人能告诉我怎么做到这一点吗？

我已经试过这样：

$('#startLabel').live('mouseover',function(){ 
    setTimeout(function() { 
$('.startTooltip').fadeIn(); 
}, 3000); 
    }); 

但提示如果您快速将鼠标悬停在它，然后悬停客场仍然出现。

感谢您的任何帮助。

Answer 1

我怀疑你想要的是clearTimeout函数。

你会使用它是这样的：

var timer; 
$('#startLabel').live('mouseover',function(){ 
    timer = setTimeout(function() { 
    $('.startTooltip').fadeIn(); 
    }, 3000); 
}); 

$('#startLabel').live('mouseout',function(){ 
    $('.startTooltip').fadeOut(); 
    cancelTimeout(timer); 
}); 

本质的setTimeout返回一个可用于取消超时所以你只要取消它，如果你有问题迁出区的价值。

Answer 2

$('#startLabel').live('mouseout',function(){ 
    $('.startTooltip').delay(4000).fadeIn(); 
}); 

并使用.stop（[clearQueue] [，jumpToEnd]）清除mouseout上的队列; [（true，false）应该这样做。]