延遲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）應該這樣做。]