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