引导导航条子菜单活动状态不工作
Bootstrap navbar submenu Active State not working
引导导航栏活动状态不工作。
我有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");
});
相关文章:
- 在Angular 2中布线期间保持零部件处于活动状态
- 如何使bxslider仅在移动视图中处于活动状态
- 悬停下拉菜单即使在鼠标移出后也保持活动状态
- 使用纯javascript而非jquery使所选选项卡处于活动状态并保持非活动状态
- 我如何为列出的选项卡元素编写一个Protractor测试,它会检查它是否's是否处于活动状态
- 返回上一页时,Javascript仍处于活动状态
- Angular+bootstrap ui,检查当前选项卡是否已处于活动状态
- 按钮处于活动状态,焦点无法在Mac FireFox上工作
- 禁用永久活动状态
- 单击我网站中的链接时打开新选项卡,保持当前选项卡处于活动状态
- 网页在等待 AJAX 响应时变为非活动状态
- 广告拦截处于活动状态,然后不要打开超链接到新标签
- 如何创建至少 1 个框处于活动状态的复选框列表
- 如何使按钮具有 :活动状态 1 秒
- JQuery UI 1.11 将选项卡设置为活动状态
- 如何获取链接以保持活动状态
- 如何使setInterval即使在chrome中的选项卡处于非活动状态时也能工作
- 显示活动状态的引导按钮不能正常工作
- 引导导航条子菜单活动状态不工作
- 如何使 setInterval 在 Chrome 中的标签页处于非活动状态时也能正常工作