引导导航栏子菜单活动状态不起作用答案

【问题标题】：Bootstrap navbar submenu Active State not working引导导航栏子菜单活动状态不起作用
【发布时间】：2015-11-17 07:43:48
【问题描述】：

引导导航栏活动状态不起作用。

我有引导程序 v3。

当我没有折叠任何工作时，我在其子菜单上的 mynavbar 上使用 class="active"。

这是我包含的 js/css/bootstrap 文件的代码：

                        <li class="active">
                            <a href="javascript:;" data-toggle="collapse" data-target="#demoadmin">
                                <i class="fa fa-fw fa-wrench"></i>Administrator Menu <i class="fa fa-fw fa-caret-down"></i>
                            </a>
                            <ul id="demoadmin" class="collapse in">
                                <li class="active">
                                    <a href="linkmanagement.php#">Links Editor</a>
                                </li>

                                <li>
                                    <a href="editortable.php">News Editor</a>
                                </li>
                                <li>
                                    <a href="main_category.php">Main Category Editor</a>
                                </li>
                                <li>
                                    <a href="sub_category.php">Sub Category Editor</a>
                                </li>
                                <li>
                                    <a href="editorprofile.php">Profile Team Editor</a>
                                </li>
                            </ul>
                        </li>

【问题讨论】：

你能添加更多代码吗？你在加载正确的 css/js 吗？你指的是linkmanagement.php#吗？
@alexandresaiz 是的，我的代码 ideone.com/7zIR1a 如果主菜单活动的类可以启用，但在子菜单中不能

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

您没有向我们展示足够的 HTML 以准确了解您做错了什么，但看起来您正试图让 active 类在引导程序 dropdown-menu 上工作。

   <li class="dropdown active">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-fw fa-wrench"></i>Administrator Menu <i class="fa fa-fw fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu">
            <li class="active">
                <a href="linkmanagement.php#">Links Editor</a>
            </li>

            <li>
                <a href="editortable.php">News Editor</a>
            </li>
            <li>
                <a href="main_category.php">Main Category Editor</a>
            </li>
            <li>
                <a href="sub_category.php">Sub Category Editor</a>
            </li>
            <li>
                <a href="editorprofile.php">Profile Team Editor</a>
            </li>
        </ul>
    </li>

DEMO

【讨论】：

【解决方案2】：

试试这个

$(document).ready(function(){
   $(".active").removeClass("active");
   $(".dropdown-menu li").addClass("active");
});

【讨论】：