jquery - 菜单项在有 child 时消失

Question

我想在我的 WordPress 主题上使用 Bootstrap 菜单。我创建了一些可以部分与 wp-bootstrap-navwalker 一起使用的东西。我可以从 WordPress 向我的菜单添加元素并且工作正常......但是当我想为菜单创建子元素或子元素时它消失了。

例如:
-菜单1
--菜单1-1
--菜单1-2
-菜单2
-菜单3
-菜单4

在这种情况下，我只看到菜单 2、3、4。菜单 1 和子项都不见了!

这是我的代码的样子: Header.php

<div class="navbar-collapse collapse">
                        <!-- Stat Search -->
                        <div class="search-side">
                            <a href="#" class="show-search"><i class="icon-search-1"></i></a>
                            <div class="search-form">
                                <form autocomplete="off" role="search" method="get" class="searchform" action="#">
                                    <input type="text" value="" name="s" id="s" placeholder="Search...">
                                </form>
                            </div>
                        </div>
                        <?php
                        }
                        ?>
                        <!-- End Search -->
                        <!-- Start Navigation List -->

                        <?php
                        wp_nav_menu( array(
                            'menu'              => 'primary',
                            'theme_location'    => 'primary',
                            'depth'             => 2,
                            'menu_class'        => 'nav navbar-nav',
                            'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                            'walker'            => new wp_bootstrap_navwalker())
                        );
                        ?>
                        <!-- End Navigation List -->
                    </div>

函数.php

function register_barlet_menu()
{
    register_nav_menus(array( 
        'primary' => __('Primary Menu', 'myTheme'), 
        'sidebar-menu' => __('Sidebar Menu', 'myTheme'), 
        'bottom-menu' => __('Bottom Menu', 'myTheme')
    ));
}

这是我的 html 文件，它运行良好。

<div class="navbar-collapse collapse">
    <div class="search-side">
        <a href="#" class="show-search"><i class="icon-search-1"></i></a>
        <div class="search-form">
            <form autocomplete="off" role="search" method="get" class="searchform" action="#">
                <input type="text" value="" name="s" id="s" placeholder="Search...">
            </form>
        </div>
    </div>

    <ul class="nav navbar-nav navbar-right">
        <li><a class="active" href="“">Home</a></li>
        <li><a href="#">Services</a>
            <ul class="dropdown">
                <li><a href="#">Service 1</a></li>
                <li><a href="#">Service 2</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Products</a>
            <ul class="dropdown">
                <li><a href="#">Product 1</a></li>
                <li><a href="#">Product 2</a></li>
            </ul>
        </li>
    </ul>
</div>

谁能帮我解决这个问题？

Answer 1

我相信更改 wp_nav_menu() 数组中的 depth 值将解决您的问题。将 2 替换为 0，看看是否有帮助。