WordPress的插件HTML不能正確渲染

Question

我想把我的手機菜單插入一個插件，但HTML無法正常工作。

這裏是我的插件代碼：

function mobile_menu_function() { 
    $menu_html = '<div class="toggle-button">'. 
       '<div class="menu-bar menu-bar-top"></div>'. 
       '<div class="menu-bar menu-bar-middle"></div>'. 
       '<div class="menu-bar menu-bar-bottom"></div>'. 
      '</div>'. 
      '<div class="menu-wrap">'. 
       '<div class="mobile-menu-sidebar">' . wp_nav_menu(array("container_class" => "mobile-menu-class", "theme_location" => "primary")) . '</div>'. 
      '</div>'; 
return $menu_html; 
} 

但是，當我的開發人員工具查看我的HTML，在「菜單 - 包裝」在沒有菜單「移動菜單級」分區，它現在位於在「切換按鈕」上方？

下面是HTML的外觀：

<div class="mobile-menu-class">...</div> 
<div class="toggle-button">...</div> 
<div class="menu-wrap">...</div> 

我怎樣才能在「菜單 - 包裝」分區菜單？

Answer 1

按照Documentation，你需要添加'echo' => false到wp_nav_menu參數：

return wp_nav_menu(array("container_class" => "mobile-menu-class", "theme_location" => "primary", "echo" => false)); 

否則，這個函數的回聲HTML，而不是直接返回它的。