需要JS来保持悬停链接活动

Question

我有一个下拉菜单，我需要帮助让悬停链接保持活动，当我把它悬停在它上面，所以它与下拉菜单混合。

我已经把代码放在JSF

http://jsfiddle.net/JmR87/2/

感谢

Answer 1

您可以通过这个不断变化的修正：

#nav-container li a:hover span { 
    display: block; 
    background-image: url(http://i.stack.imgur.com/sTqNy.gif); 
    background-repeat: repeat-x; 
} 

这样：

#nav-container li:hover span { 
    display: block; 
    background-image: url(http://i.stack.imgur.com/sTqNy.gif); 
    background-repeat: repeat-x; 
    color: #000 
} 

请参阅：http://jsfiddle.net/JmR87/5/

Answer 2

向悬停函数中悬停的元素添加一个类，然后在退出时将其删除。该类应具有相同的风格有悬停风格：

$(function() { 
    $('.dropdown, .dropdown2, .dropdown3').each(function() { 
    $(this).parent().eq(0).hover(function() { 
     $('.dropdown, .dropdown2, .dropdown3:eq(0)', this).show(); 
     $(this).addClass("hoverstyle"); 
    }, function() { 
     $('.dropdown, .dropdown2, .dropdown3:eq(0)', this).hide(); 
     $(this).removeClass("hoverstyle"); 
    }); 
    }); 
}); 

然后定义.hoverstyle。