Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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
Html 自举';默认情况下,Wordpress中的移动菜单处于打开状态,不会';关不上_Html_Wordpress_Twitter Bootstrap_Wp Nav Walker - Fatal编程技术网

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>