Javascript 如何使此引导导航子菜单始终打开?
我有一个代码,使bs导航,但我不明白如何使子菜单总是打开而不点击菜单名 代码如下: 请用新代码回答这个问题Javascript 如何使此引导导航子菜单始终打开?,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我有一个代码,使bs导航,但我不明白如何使子菜单总是打开而不点击菜单名 代码如下: 请用新代码回答这个问题 .gw-nav-list>li.always-active>a, .gw-nav-list>li.always-active>a:hover, .gw-nav-list>li.always-active>a:focus, .gw-nav-list>li.always-active>a:active { background-c
.gw-nav-list>li.always-active>a,
.gw-nav-list>li.always-active>a:hover,
.gw-nav-list>li.always-active>a:focus,
.gw-nav-list>li.always-active>a:active {
background-color: #fff;
color: #2574A9;
font-weight: bold;
font-size: 13px;
}
.gw-nav-list>li.always-active:before {
display: inline-block;
content: "";
position: absolute;
left: 0px;
top: -1px;
bottom: 0;
z-index: 1;
border: 2px solid #2574A9;
border-width: 0 0 0 5px;
}
.always-active .gw-submenu,
.gw-nav-list>li.always-active .gw-submenu {
display:block;
}
和JavaScript
$('.gw-nav > li:not(.always-active) > a').click(function () {
....
您可以使用脚本文件中的以下简单jquery代码在页面加载时打开子菜单
var pageload = function()
{
$(".gw-nav > li").each(function ()
{
var checkElement = $(this);
var ulDom = checkElement.find('.gw-submenu')[0];
if (ulDom != undefined) {
checkElement.addClass('active');
checkElement.find('ul').slideDown(300);
return;
}
});
}();
检查一下这里的小提琴手
要使子菜单始终在引导导航栏中打开,您只需添加一个类“open”,如下所示
这将使引导导航栏的子菜单始终打开,并且还会切换。哪一个?你可以给它一个独特的类,以便将来编辑。菜单open1和open2。我希望菜单始终打开@AdamAzad“New Tesla”。。。现在,你不是一个新的特斯拉。特斯拉至少能用两种语言读写。