jquery - hoverIntent 在导航菜单中未正确执行

Question

好的，我有这个通常可以使用的导航菜单。使用 hoverIntent 插件时，导航菜单在从最左侧的选项卡菜单项移动到最右侧的选项卡菜单项时会出现问题。当您将鼠标悬停在每个菜单项上时，该菜单项的下拉菜单有时会在鼠标悬停时按时显示，有时则不会。您必须将鼠标悬停在主菜单项上多次才能显示下拉菜单。这是正在使用的 hoverIntent 代码。

$("#nav-main-list li").hoverIntent({
over: makeTall, 
timeout: 300, 
sensitivity: 20,
interval: 150,
out: makeShort
});
// Hover intent over function
function makeTall(){
$('.subnav:eq(0)', this ).show();
if(!($(this).children('a').hasClass('home')))
{ 
//$(this).addClass("snavhover");
$(this).children().addClass("snavhover");        
}      
}
// Hover intent out function
function makeShort(){
$('.subnav').hide();
if(!($(this).children().hasClass('home')))
{
//$(this).css("background", "none").css("color", "#1E598E");     
$(this).children().removeClass("snavhover"); 
}
}