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

您的菜单已在注册源中显示，但您的切换按钮不起作用，因为切换按钮未与菜单链接，因此只刷新页面。

您的切换按钮链接如下：

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

因此切换按钮的href链接为空白。

检查以下链接，了解切换按钮的工作原理：

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

修改：在<nav>标记下添加h1标记使用下面的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

菜单不显示

3 个答案: