jquery - .hover 后下拉菜单需要保持打开状态

Question

好的，所以我尝试了很多东西，但似乎没有任何效果。我希望下拉菜单在用户将鼠标悬停在它上面后保持打开几秒钟（我认为这会导致可用性问题），如何使用我当前的代码使其工作？

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

Answer 1

检查这个答案：在 .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);
    }                       
);