鼠标悬停在引导程序的下拉列表中保持父级选定

Question

我要做的是在鼠标移动到下拉列表时保持选中<a>：

我尝试了closest选择器，但没有工作：

$('.dropdown-menu', this).stop().fadeIn("fast").closest("a").css("background-color", "#eee");

这是我的 jsfiddle 。感谢。

Answer 1

我建议使用CSS：

li:hover {
    background-color: #eee;
}

JS Fiddle demo

显然可以根据需要调整选择器的复杂性。

Answer 2

使用css

为a标记添加了默认样式为li

添加此样式

.nav > li:hover, .nav > li:focus {
  background-color: #eee;
}

演示 - http://jsfiddle.net/gpLa33ad/9/

Answer 3

您可以修改您的功能，以便在动画后切换下拉菜单中open元素上的bootstrap li类。

// Dropdown Menu Fade    
jQuery(document).ready(function () {
    $(".mega-inner-dropdown").hover(

    function () {
        $('.dropdown-menu', this).stop().fadeIn("fast");
        $(this).children("li").addClass("open");
    },

    function () {
        $('.dropdown-menu', this).stop().fadeOut("fast");
        $(this).children("li").removeClass("open");
    });
});

实例：http://jsfiddle.net/08gxjset/