Question

当我将鼠标悬停在“ primary_navigation”中的第三个链接上时，应该会显示我已硬编码的下拉列表。我已将导航中第3个链接的页面的3个页面设为子页面。我已经设置了下拉菜单的样式，并将其放置在链接的绝对位置（使用在浏览器加载页面时在html中显示的类），然后使用javascript通过添加和删除类来显示和隐藏下拉菜单。我想显示该页面的子链接（如果这是在wordpress中完成的？）最好的解决方案是什么？如果您能简要解释一下，我也将不胜感激，以便当我再次遇到此问题或类似的事情时，我知道该怎么办？

<header class="header at-top">
    <div class="container">
       <?php
        if (has_nav_menu('top_menu')){
            wp_nav_menu(
                array(
                    'theme_location' => 'top_menu',
                    'menu_class' => 'top-nav__menu'
                )
            );
        }

        if (has_nav_menu('primary_navigation')){
            wp_nav_menu(
                array(
                    'depth' => '3',
                    'theme_location' => 'primary_navigation',
                    'menu_class' => 'main-nav__menu'
                )
            );
        }
        ?>
            <ul class="test">
                <li><a href="/">Page 1</a></li>
                <li><a href="/">Page 2</a></li>
                <li><a href="/">Page 3</a></li>
            </ul>
    </div>
</header>

Answer 1

在wordpress中，您可以将菜单项向右拖动以使其缩进，这使其成为子项

如何通过动态创建的链接在wordpress中创建下拉菜单？

1 个答案: