Bootstrap導航欄子菜單活動狀態不起作用

Question

Bootstrap導航欄活動狀態不起作用。

我有bootstrap 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>

Answer 1

您沒有向我們顯示足夠的HTML來確切地了解您在做什么錯，但是您似乎正在嘗試使active類在bootstrap 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

Answer 2

嘗試這個

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