如何延遲mouseout功能？

Question

我有這樣的代碼：

var shortcuts = $('#geo_shortcuts'); 
    shortcuts.find('li').hoverIntent(
     function() { 
      // Open the Panel 
      $(this).find('.geo_shortcuts_content').stop().animate({ 
       top: '-122' 
      }, 300); 
     }, 
     function() { 
      //Close de Panel 
      $(this).find('.geo_shortcuts_content').stop().animate({ 
       top: '0' 
      }, 400); 
     } 
    ); 

我該怎麼辦，只允許2秒鼠標移出後關閉面板？我知道我應該做一個settimeout函數，但我不知道如何。

Answer 1

您可以使用一個定時器來做到這一點

hideDelayTimer = null; 
    shortcuts.find('li').hoverIntent(
     function() { 
      // Open the Panel 
      clearTimeout(hideDelayTimer); 
      $(this).find('.geo_shortcuts_content').stop().animate({ 
       top: '-122' 
      }, 300); 
     }, 
    function() { 
     //Close de Panel 
     clearTimeout(hideDelayTimer); 
     hideDelayTimer = setTimeout(function() { 
      hideDelayTimer = null; 
       $(this).find('.geo_shortcuts_content').stop().animate({ 
        top: '0' 
       }, 400); 
     }, 2000); 

有一個愉快的一天

Answer 2

嘗試使用delay()方法：

$(this).find('.geo_shortcuts_content').stop().delay(2000).animate({ 
    top: '0' 
}, 400);