Twig 细枝-使用item类划分为列
我使用TIWG和Wordpress 我试图为菜单创建一个系统,以便在一个项获得类时生成新列 当菜单项获取特定类(Twig 细枝-使用item类划分为列,twig,Twig,我使用TIWG和Wordpress 我试图为菜单创建一个系统,以便在一个项获得类时生成新列 当菜单项获取特定类(.split)时。我想创建一个新专栏 例如,我得到: 我写的,但我有个问题: 我曾经尝试使用一个变量来获得这个条件,但没有成功 {%set break=false%} {menu_main.get_items%} {{item.title} {%if item.classes[0]='split'和not break%} {%set break=true%} {%endif%}
.split
)时。我想创建一个新专栏
例如,我得到:
我写的,但我有个问题:
我曾经尝试使用一个变量来获得这个条件,但没有成功
{%set break=false%}
{menu_main.get_items%}
- {{item.title}
{%if item.classes[0]='split'和not break%}
{%set break=true%}
{%endif%}
{%endfor%}
我能得到一些帮助吗?问题是,在您的循环中,您有一个外部
。然后为每个菜单项创建一个ul
在没有看到menu\u main.get\u items
返回的内容的情况下,这是我的最佳猜测:
{仅创建一个外部列表}
{menu_main.get_items%}
{%如果定义了item.classes[0],并且item.classes[0]与('split')%%相同
{#这里的复制是为了添加拆分类,
这可能更“干燥”,但这样更容易阅读
- {{item.title}
{关闭并重新打开}
{%else%}
- {{item.title}
{%endif%}
{%endfor%}
演示:
<ul class="menu__list">
<li class="menu__item"></li>
<li class="menu__item split"></li>
<li class="menu__item"></li>
<li class="menu__item"></li>
<li class="menu__item split"></li>
<li class="menu__item"></li>
</ul>
<ul class="menu__list">
<li class="menu__item"></li>
</ul>
<ul class="menu__list">
<li class="menu__item split"></li>
<li class="menu__item"></li>
<li class="menu__item"></li>
</ul>
<ul class="menu__list">
<li class="menu__item split"></li>
<li class="menu__item"></li>
</ul>
{% for item in menu_main.get_items %}
<ul class="nav__col">
<li class="menu__item">{{ item.title }}</li>
{% if item.classes[0] == 'split' %}
</ul><ul class="menu__list">
{% endif %}
</ul>
{% endfor %}
<ul class="menu__list">
<li class="menu__item"></li>
</ul>
<ul class="menu__list">
<li class="menu__item split"></li>
</ul>
<ul class="menu__list">
</ul>
<ul class="menu__list">
<li class="menu__item"></li>
<li class="menu__item"></li>
</ul>
{% set break = false %}
{% for item in menu_main.get_items %}
<ul class="menu__list">
<li class="menu__item">{{ item.title }}</li>
{% if item.classes[0] == 'split' and not break %}
{% set break = true %}
</ul><ul class="menu__list">
{% endif %}
</ul>
{% endfor %}