繁体   English   中英

MODx Revo Wayfinder 3级 <ul> 与第二级不同 <ul> ?

[英]MODx Revo Wayfinder 3rd level <ul> different to 2nd level <ul>?

我已经使用Wayfinder菜单在MODx Evo中进行了额外的构建,现在正尝试将其与MODx Revo一起用于新站点。 除了我无法看到使第三级与第二级不同的方法外,它的运行情况还不错。 请参阅Wayfinder当前输出菜单的方式(为简化起见,在此进行了简化):

<ul class="nav nav-pills nav-main" id="mainMenu">
<li class="dropdown"> 
     <a class="dropdown-toggle notransition" href="index.php?id=200">
        Help
        <i class="icon-angle-down"></i>
     </a>
     <ul class="dropdown-menu pull-right " style="display: none;">
        <li>
            <a href="index.php?id=31">
                FAQs
            </a>
        </li>
        <li class="dropdown-submenu pull-left">
            <a href="index.php?id=54">
                Policies
            </a>
            <ul class="dropdown-menu pull-right" style="display: none;">
                <li>
                    <a href="index.php?id=490">
                        Privacy Policy
                    </a>
                </li>
                <li>
                    <a href="index.php?id=489">
                        Terms and Conditions
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</li>
</ul>

我需要带有“隐私权政策”等内容的“政策”子菜单,向左拉,而不是向右拉-在Wayfinder InnerTpl中定义:

<ul class="dropdown-menu pull-right" style="display: none;">[[+wf.wrapper]]</ul>

因此,Wayfinder是否有可能具有与第二级不同的第三级?

我已经浏览了几天的文档和论坛,但都无济于事,并希望这个惊人的SO社区能够提供一些见解。 提前致谢!

我认为您必须使用CSS进行此操作,您可以将&levelClass添加到您的Wayfinder调用中[文档说“ CSS类表示每个输出行级别。该级别号将添加到指定的类(level1,level2,level3如果您指定了“级别”,则为此类。)

这样,当您看到类似以下内容的内容时,可以为您的第三级项目编写一些CSS:

<li class="dropdown-submenu pull-left level2">

你的CSS可能会像这样:

li.dropdown-submenu.pull-left.level2 > ul {

/* css for pulling it right */

}

不幸的是,如果您将[[+ wf.classnames]]添加到外部包装的UL标签中,则&levelClass不会执行任何操作,因此您必须将其横向放置。

要么

您的内部包装器可以编写为使用摘要来确定要添加的类:

<ul class="dropdown-menu [[!pullLeftOrRight? &id=`[[+wf.docid]]`]]">
    [[+wf.wrapper]]
</ul>

然后在代码段中使用docid确定subnav在菜单树中的位置。 [希望docid在externalTpl中可用-我不确定]

UPDATE

再次阅读您的评论和文档之后,我认为我有一个可行的想法-检查&categoryFoldersTpl属性,使用右拉类为您的tpl设置属性,并为您的第3级下拉菜单设置rel =“ category”仅在文档中建议的第三级资源上使用。 [这对希望在不同级别使用不同子菜单的人没有帮助,但可能会使您脱离束缚]

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM