jquery - 使用hoverIntent延迟鼠标悬停而不是鼠标悬停

当用户将鼠标悬停在文章上时，我试图显示/隐藏该文章的叠加层。我有hoverIntent可以正常工作，因为它可以在mouseover上延迟事件，但是我希望mouseout事件可以立即发生，就像没有hoverIntent一样。据我所知，无法为over和out事件设置单独的timout值。有人知道如何分隔它们，或如何使hoverIntent仅延迟over事件吗？

$( document ).ready( function() {
    $(".bg-overlay").hide();

    $(".bg-entry").hoverIntent({
        over: showSummary,
        timeout: 650,
        out: hideSummary
    });
});

function showSummary(){ $(this).children(".bg-overlay").fadeIn("fast");  }
function hideSummary(){ $(this).children(".bg-overlay").fadeOut("fast"); }

谢谢你的帮助。

最佳答案

超时是调用out函数之前的延迟-只需将其设置为0。

或者，将hoverIntent调用为：

$(".bg-entry").hoverIntent(showSummary, hideSummary);