下拉菜单需要在.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);
    }                       
);