Grav CMS 中的子导航

Question

我想为我的 Grav 主题制作一个子导航。我已经看到关于这个主题的问题： GRAV subnavigation

{% block navigation %}
{% macro loop(page) %}
    {% for p in page.children %}
        {% if p.visible %}
        {% set active_page = (p.active or p.activeChild) ? 'active' : '' %}
            <div>
                <a href="{{ p.url }}" class="btn btn-nav" role="button">
                    {{ p.menu }}
                </a>
                {% if p.children.count > 0 %}
                <div class="dropdown">
                    <a href="{{ p.url }}" class="btn btn-nav dropdown-toggle" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                        {{ p.menu }}
                        <span class="icon icon--bottom"></span>
                    </a>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenulink" x-placement="bottom-start">
                        {{ _self.loop(p) }}
                    </div>
                </div>
                {% endif %}
            </div>
        {% endif %}
    {% endfor %}
{% endmacro %}
{% endblock %} 

<div class="topics" style="display: flex;">
{{ _self.loop(pages) }}
</div>

我运行遇到的问题是，使用我的代码，页面在导航中列出了两次，这是因为下拉菜单 div 中的 a 标签。

有没有一种方法可以让 a 标签包含我在代码中编写的所有信息？而且它只在导航中出现一次。

感谢您的回答！

Answer 1

{% block navigation %}
    {% macro loop(page) %}
        {% for p in page.children %}
            {% if p.visible %}
            {% set active_page = (p.active or p.activeChild) ? 'active' : '' %}
                <div>
                    {% if p.children.count > 0 %}
                    <div class="dropdown">
                        <a href="{{ p.url }}" class="btn btn-nav dropdown-toggle" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            {{ p.menu }}
                            <span class="icon icon--bottom"></span>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenulink" x-placement="bottom-start">
                            {{ _self.loop(p) }}
                        </div>
                    </div>
                    {% else %}
                        <a href="{{ p.url }}" class="btn btn-nav" role="button">
                            {{ p.menu }}
                        </a>
                    {% endif %}
                </div>
            {% endif %}
        {% endfor %}
    {% endmacro %}
{% endblock %}

<div class="topics" style="display: flex;">
    {{ _self.loop(pages) }}
</div>

这是我使用的代码，而不是我在问题中写的代码

Grav CMS 中的子导航

Sub-navigation in Grav CMS

content-management-system

grav