Html 自举';默认情况下,Wordpress中的移动菜单处于打开状态,不会';关不上
我正在使用 该菜单在桌面上工作,但当我将浏览器调整为移动视图时,默认情况下会打开移动菜单,单击条形图图标不会执行任何操作 我的Html 自举';默认情况下,Wordpress中的移动菜单处于打开状态,不会';关不上,html,wordpress,twitter-bootstrap,wp-nav-walker,Html,Wordpress,Twitter Bootstrap,Wp Nav Walker,我正在使用 该菜单在桌面上工作,但当我将浏览器调整为移动视图时,默认情况下会打开移动菜单,单击条形图图标不会执行任何操作 我的app.js中没有干扰导航栏的内容 编辑我刚刚注意到HTML输出中缺少ul菜单的父div <nav class="navbar navbar-default"> <div class="container" id="main-menu"> <div class="navbar-header">
app.js
中没有干扰导航栏的内容
编辑我刚刚注意到HTML输出中缺少ul
菜单的父div
<nav class="navbar navbar-default">
<div class="container" id="main-menu">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">BRAND</a>
</div>
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 4,
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav navbar-left',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
); ?>
</div>
</nav>
我通过手动添加缺少的div解决了这个问题
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker())
); ?>
</div>
是否包含引导JS?是的,它就在那里。
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker())
); ?>
</div>