gpt4 book ai didi

html - modx 寻路者 3 级深度菜单

转载 作者:太空宇宙 更新时间:2023-11-04 04:04:33 26 4
gpt4 key购买 nike

如何使用寻路器在 modx revolution 中创建 3 级深度菜单?样式应该是:

enter image description here

但现在我只有:

enter image description here

我怎么能做这个 3 级菜单?如何为每个级别分配不同的样式?

现在我的寻路器是这样称呼的:

      [[Wayfinder? &startId=`6` &level=`2` &where=`{"isfolder":"1"}` &activeParentRowTpl=`menuRow_active` &rowTpl=`menuRow` &outerTpl=`menuOuter` &innerTpl=`menuInner` &innerRowTpl=`menuInnerRow` &hideSubMenus=`true`]]

但是如何让它达到 3 级深度并只显示第二个父级的子级呢?

最佳答案

最新版本的 Wayfinder (2.3.3) 可以选择为每个深度输出一个类。片段调用中的 &level 参数设置要输出的最大级别数。

<li class="[[+wf.level]]">[[+wf.linktext]]</li>

会输出类似的东西

<li class="level-1">Your link</li>

编辑:如果只需要输出二级的子菜单,可以使用+wf.level的组合在&parentRowTpl block 以禁用/隐藏更高级别的任何底层 DOM。&parentRowTpl可能看起来像这样:

<li class="parent [[+wf.level]]">[[+wf.linktext]] [[+wf.wrapper]]</li>

然后你可以使用像 .parent.level-1 .submenu { display: none; } 这样的 css 选择器.

关于html - modx 寻路者 3 级深度菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21585691/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com