通过 twig 访问静态页面中的三级菜单。
Accessing third level menu in Static Pages via twig.
我有一个下拉菜单,它使用静态页面菜单来生成导航。
如何引用三级项目?这是解释典型布局的图片
我知道 bootstrap 不允许没有 mod 的第 3 级菜单,但它是我正在尝试解决的树枝调用。
在 item.items 中有对 item.items 和子项目的调用。但是下一级物品呢?
这是我目前的菜单
<ul class="nav navbar-nav navbar-right">
<li><a href="{{ '/'|app }}"><i class="typcn typcn-home"></i></a></li>
{% for item in items %}
<li class="{{ item.isActive or item.isChildActive ? 'active' : '' }} {{ item.items ? 'dropdown' : '' }}">
<a title="{{ item.title }}" {% if item.items %} class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria- expanded="false" href="#"{% else %} href="{{ item.url }}" {% endif %}>{% if item.items %} {{ item.title }} <span class="caret"></span>{% else %} {{ item.title }} {% endif %}</a>
{% if item.items %}
<ul class="dropdown-menu">
{% for subitem in item.items %}
<li>
<a href="{{ subitem.url }}">{{ subitem.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
三级项目在
subitem.items
我有一个下拉菜单,它使用静态页面菜单来生成导航。
如何引用三级项目?这是解释典型布局的图片
我知道 bootstrap 不允许没有 mod 的第 3 级菜单,但它是我正在尝试解决的树枝调用。
在 item.items 中有对 item.items 和子项目的调用。但是下一级物品呢?
这是我目前的菜单
<ul class="nav navbar-nav navbar-right">
<li><a href="{{ '/'|app }}"><i class="typcn typcn-home"></i></a></li>
{% for item in items %}
<li class="{{ item.isActive or item.isChildActive ? 'active' : '' }} {{ item.items ? 'dropdown' : '' }}">
<a title="{{ item.title }}" {% if item.items %} class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria- expanded="false" href="#"{% else %} href="{{ item.url }}" {% endif %}>{% if item.items %} {{ item.title }} <span class="caret"></span>{% else %} {{ item.title }} {% endif %}</a>
{% if item.items %}
<ul class="dropdown-menu">
{% for subitem in item.items %}
<li>
<a href="{{ subitem.url }}">{{ subitem.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
三级项目在
subitem.items