菜单项在有孩子时会消失

时间:2015-10-04 16:40:38

标签: jquery css wordpress twitter-bootstrap

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

例如:
-Menu1
--Menu1-1
--Menu1-2
-Menu2
-Menu3
-Menu4

在这种情况下,我只看到菜单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>

function.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>

有人可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

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