我在Wordpress上创建了一个带有引导功能的导航栏,它有两个单独的菜单,我想将它们折叠成一个菜单。我把这些菜单分开,因为我想在它们之间有一个居中的标志。菜单可以工作,但当它们折叠时,我的下拉列表无法单击。
这是我的代码:
<section id="navbar">
<div class="navbar-wrapper">
<div class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div><!-- navbar-header -->
<div class="logo"><img src="<?php bloginfo(\'stylesheet_directory\'); ?>/assets/img/SJ-circle.png" width="200px" height="200px" alt="Savvy Jack Wear" class="img-responsive center-block"></div>
<?php
wp_nav_menu( array(
\'theme_location\' => \'menu-1\',
\'container\' => \'nav\',
\'container_class\' => \'navbar-collapse collapse\',
\'menu_class\' => \'nav navbar-nav navbar-left\'
));
?>
<?php
wp_nav_menu( array(
\'theme_location\' => \'menu-2\',
\'container\' => \'nav\',
\'container_class\' => \'navbar-collapse collapse\',
\'menu_class\' => \'nav navbar-nav navbar-right\'
));
?>
</div><!-- container -->
</div><!-- navbar -->
</div><!-- navbar-wrapper -->
</section>
我不确定需要改变什么?它是容器类还是数据目标,两者都是,还是完全是其他什么?
谢谢
SO网友:Adam Kaczmarek
我也有同样的问题,解决方法很简单。在菜单中添加以下内容:
到左侧菜单
\'container_id\' => \'navbarNavDropdown-left\',
到右侧菜单
\'container_id\' => \'navbarNavDropdown-right\',
您刚刚将数据目标更改为:
data-target="#navbarNavDropdown-left,#navbarNavDropdown-right"