当用户将鼠标悬停在文章上时,我试图在博客文章上显示/隐藏叠加层。我有hoverIntent工作,因为它应该延迟事件鼠标悬停,但我希望mouseout事件立即发生,因为它没有hoverIntent。据我所知,没有办法为over和out事件设置单独的timout值。有人知道如何分开它们,或者如何让hoverIntent只延迟过度事件?
$( 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"); }
感谢您的帮助。
答案 0 :(得分:3)
超时是调用out函数之前的延迟 - 只需将其设置为0。
或者,将hoverIntent称为:
$(".bg-entry").hoverIntent(showSummary, hideSummary);