jQuery的：下拉菜單延遲，當鼠標懸停和鼠標移開

Question

我使用jQuery函數這樣的下拉菜單：

$(document).ready(function() 
{ 
    $('li').hover(
    function() 
    { 
     var timer = $(this).data('timer'); 
     if(timer) clearTimeout(timer); 
     $(this).addClass('over'); 
    }, 

    function() 
    { 
     var li = $(this); 
     li.data('timer', setTimeout(function(){ li.removeClass('over'); }, 500)); 
    }); 
}); 

前瞻：後500毫秒http://jsbin.com/onawur

的功能將隱藏子菜單。我不知道如何讓500萬ms以後的子菜單顯示出來。請幫助..

Answer 1

由於現有代碼的修改：

$(document).ready(function() 
{ 
    $('li').hover(
    function() 
    { 
     var timer = $(this).data('timer'); 
     if(timer) clearTimeout(timer); 
     var li = $(this); 
     li.data('showTimer', setTimeout(function(){li.addClass('over'); }, 500)); 
    }, 

    function() 
    { 
     var showTimer = $(this).data('showTimer'); 
     if(showTimer) clearTimeout(showTimer); 
     var li = $(this); 
     li.data('timer', setTimeout(function(){ li.removeClass('over'); }, 500)); 
    }); 
}); 

Answer 2

似乎是一個完美的使用情況進行防抖動

http://code.google.com/p/jquery-debounce/