Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使此引导导航子菜单始终打开?_Javascript_Jquery_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 如何使此引导导航子菜单始终打开?

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

我有一个代码,使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-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”。。。现在,你不是一个新的特斯拉。特斯拉至少能用两种语言读写。