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"); 
}
}