下拉菜单需要保持打开后.hover

Question

好的，所以我已经尝试了很多东西，似乎没有任何工作。我希望下拉菜单在用户闲置几秒钟后保持打开状态（我认为这会导致可用性问题），我如何使用当前的代码进行这项工作？

$(".dropdown .sub").hover(function() { 
    $("#menu .holder").show(); 
}); 

Answer 1

检查这个答案：Add delay before .hide() w/jQuery

var my_timer; 
$(".item").hover(
    function() { 
     clearTimeout(my_timer); 
     $(this).show(); 
    }, 
    function() { 
     var $this = $(this); 
     my_timer = setTimeout(function() { 
      $this.hide(); 
     }, 500); 
    }      
);