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

时间:2011-11-22 23:01:32

标签: jquery css hoverintent

好的,我的导航菜单一般都可以使用。使用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"); 
}
}

0 个答案:

没有答案