引导导航栏活动状态不工作。
我有bootstrap v3.
我在mynavbar的子菜单上使用class="active"当我折叠none时
这是我的代码与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>
您没有向我们展示足够的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>
演示试试这个
$(document).ready(function(){
$(".active").removeClass("active");
$(".dropdown-menu li").addClass("active");
});