需要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。