菜单不显示

Question

我正在构建我的第一个 Wordpress 主题。现在我的菜单出了问题。它显示在源代码中，但未显示在 website.

我的代码在functions.php

function register_theme_menus() {

register_nav_menus(
    array(
        'primary-menu'  => __( 'Primary Menu' )         
    )
);

}
add_action( 'init', 'register_theme_menus' );

我的代码在header-php

<?php 

  $defaults = array(
    'container' => false,
    'theme_location'  => 'primary-menu',
    'menu_class'  => 'no-bullet'
  );

  wp_nav_menu( $defaults );

?>

这里有什么问题。有什么想法吗？

谢谢！

Answer 1

您的菜单已在查看源代码中显示时注册，但您的切换按钮不起作用，因为您的切换按钮未 link 与菜单一起使用，因此它只是刷新了页面。

你的切换按钮link是这样的：

<a href="" class="nav-toggle"><span></span>Menu</a>

所以切换按钮的 href link 是空白的。

查看以下内容 link 以了解切换按钮的工作原理：

https://codepen.io/CreativeJuiz/pen/oCBxz

Answer 2

试试这个页面： https://teamtreehouse.com/community/menu-not-appearing

我还发现这个页面提到了一些上下文：https://codex.wordpress.org/Function_Reference/register_nav_menus

 wp-includes/nav-menu.php

似乎有几个页面正在运行，因此您可能只是缺少快速编辑。不过，我对第一个 URL 感觉很好。它提到了对非常相似（如果不是同一个）问题的修复。

Answer 3

编辑：在 h1 标签下方添加您的 <nav> 标签使用下面的 Jquery javascript 代码，我刚刚在本地测试了你的索引页面并且对我来说工作正常

<script type="text/javascript">
jQuery(".nav-toggle").click(function(event) {
    jQuery("nav").toggle('in');
});
</script>

请更改您的切换代码，因为 href="" 为空，您必须提供 #

<a class="nav-toggle" href=""><span></span>Menu</a>

与

<a class="nav-toggle" href="#"><span></span>Menu</a>

DEMO

菜单不显示

Menu does not show

php

wordpress

themes