當它有一個孩子時菜單項消失

Question

我想在我的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> 

任何人都可以幫助我解決這個問題嗎？

Answer 1

我相信更改depth-wp_nav_menu() -array值將解決您的問題。將2替換爲0，看看是否有幫助。