引导导航栏+;jquery+;穿越

引导导航栏+;jquery+;穿越,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我与此非常接近,但希望得到一些建议 如何使其工作,以便在选择TopMenu时突出显示 然后,如果我选择顶部菜单->小时->子菜单1,所有3个都将高亮显示,所有其他的都将取消高亮显示 我觉得我很熟悉这个代码: $(".dropdown-submenu li").click(function() { $('li').removeClass('active'); //$(this).parent.addClass("active"); $(this).prev(".dropdo

我与此非常接近,但希望得到一些建议

如何使其工作,以便在选择TopMenu时突出显示 然后,如果我选择顶部菜单->小时->子菜单1,所有3个都将高亮显示,所有其他的都将取消高亮显示

我觉得我很熟悉这个代码:

$(".dropdown-submenu li").click(function() {
    $('li').removeClass('active');
    //$(this).parent.addClass("active");
    $(this).prev(".dropdown-submenu").addClass("active");
    $(this).addClass("active");
});

当前,在TopMenu->Hour->Submun1中,只有Submun1会高亮显示。鉴于我希望所有3个都突出显示(即:(1)顶部菜单(2)小时(3)子菜单1)

这应该是您需要的:

$(".dropdown-menu a").click(function() {
    if (!$(this).parent().find('ul').length) {
        // no children
        $('li').removeClass('active');
        $(this).parents('li').addClass("active");
    }
});

这很有效,但我如何让TopMenu22->概览/小时在本次考试中同样有效。这是一个稍微不同的结构,现在我可以保持所有的下拉菜单一致,这样我将有TopMenu22->Overview->Overview,所有3个都将突出显示。尽管这里的Overview有重复出现,但是如果我选择TopMenu->Hour,那么这两个将突出显示,但我不想突出显示,但我确实希望TopMenu22->Overview/Hour(全部2个)突出显示,我必须再次查看这一点…我将在接下来的几个小时内保持JSFIDLE协作功能的打开状态,如果我在电视上看到你,也许我们可以解决这个问题。JSFIDLE协作链接位于:。如果还不太晚,是否刚刚加入该链接?