TYPO3：带有特定页面id条件的打字脚本菜单

我想根据客户端的分辨率隐藏/显示菜单项。我认为最简单的方法是添加一个css类，并用媒体查询处理它

因此，我需要使用打字脚本向特定菜单项添加一个类。 有办法做到这一点吗

以下是我的打字稿菜单的外观：

menu.navbar = HMENU
menu.navbar {
    entryLevel = {$threeme.menu.navbar.entry}
    excludeUidList = {$threeme.menu.navbar.excludeUidList}

    1 = TMENU
    1 {
        expAll = 1
        stdWrap.dataWrap = <ul class="nav navbar-nav colum-{register:count_menuItems}">|</ul>

        NO {
            htmlSpecialChars = 1
            wrapItemAndSub = <li id="navbar{field:uid}" class="" >|</li> |*| <li id="navbar{field:uid}">|</li> |*| <li id="navbar{field:uid}" class="last">|</li>
            wrapItemAndSub.insertData = 1
            ATagTitle.field = description // subtitle
        }

        ACT = 1
        ACT {
            htmlSpecialChars = 1
            wrapItemAndSub = <li id="navbar{field:uid}" class=" active">|</li> |*| <li id="navbar{field:uid}" class="active">|</li> |*| <li id="navbar{field:uid}" class="last active">|</li>
            wrapItemAndSub.insertData = 1
            ATagTitle.field = description // subtitle
        }

        IFSUB = 1
        IFSUB {
            ATagTitle.field = description // subtitle
            wrapItemAndSub = <li id="navbar{field:uid}" class="dropdown first">|</li> |*| <li id="navbar{field:uid}" class="dropdown">|</li> |*| <li id="navbar{field:uid}" class="dropdown last">|</li>
            wrapItemAndSub.insertData = 1
            stdWrap.htmlSpecialChars = 1
            ATagParams = class="dropdown-toggle" data-hover="dropdown" role="button" aria-haspopup="true" aria-expanded="false"
            linkWrap = |<span class="caret"></span>
            ATagBeforeWrap = 1
        }

        ACTIFSUB < .IFSUB
        ACTIFSUB = 1
        ACTIFSUB.wrapItemAndSub = <li id="navbar{field:uid}" class="dropdown first active">|</li> |*| <li id="navbar{field:uid}" class="dropdown active">|</li> |*| <li id="navbar{field:uid}" class="dropdown last active">|</li>
    }

    2 = TMENU
    2 {
        expAll = 1
        wrap = <ul class="dropdown-menu">|</ul>

        NO.htmlSpecialChars = 1
        NO.wrapItemAndSub = |*| <li class="odd">|</li> || <li class="even">|</li> |*|

        ACT = 1
        ACT.htmlSpecialChars = 1
        ACT.wrapItemAndSub = |*| <li class="odd active">|</li> || <li class="even active">|</li> |*|
    }

    3 = TMENU
    3 {
        expAll = 1
        wrap = <ul class="dropdown-submenu">|</ul>

        NO.htmlSpecialChars = 1
        NO.wrapItemAndSub = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>

        ACT = 1
        ACT.htmlSpecialChars = 1
        ACT.wrapItemAndSub = <li class="first active">|</li> |*| <li class="active">|</li> |*| <li class="active last">|</li>
    }

    4 = TMENU
    4 {
        wrap = <ul class="dropdown-submenu-1">|</ul>

        NO.htmlSpecialChars = 1
        NO.wrapItemAndSub = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>

        ACT = 1
        ACT.htmlSpecialChars = 1
        ACT.wrapItemAndSub = <li class="first active">|</li> |*| <li class="active">|</li> |*| <li class="active last">|</li>
    }
}

menu.navbar=humenu
menu.navbar{
entryLevel={$threeme.menu.navbar.entry}
excludeUidList={$threeme.menu.navbar.excludeUidList}
1=t菜单
1 {
expAll=1
stdWrap.dataWrap=

没有{
htmlSpecialChars=1
wrapItemAndSub=
*.\124;
.*.
|
wrapItemAndSub.insertData=1
ATagTitle.field=说明//字幕
}
ACT=1
表演{
htmlSpecialChars=1
wrapItemAndSub=
*.
*.
|
wrapItemAndSub.insertData=1
ATagTitle.field=说明//字幕
}
IFSUB=1
IFSUB{
ATagTitle.field=说明//字幕
wrapItemAndSub=
*.\124;
*.
|
wrapItemAndSub.insertData=1
stdWrap.htmlSpecialChars=1
ATagParams=class=“dropdown toggle”data hover=“dropdown”role=“button”aria haspopup=“true”aria expanded=“false”
链接包裹=|
ATagBeforeWrap=1
}
activifsub<.IFSUB
ACTIFSUB=1
ACTIFSUB.wrapItemAndSub=
\*.
\*.
|
}
2=t菜单
2 {
expAll=1
包装=

NO.htmlSpecialChars=1
否。wrapItemAndSub=*
|*|
ACT=1
ACT.htmlSpecialChars=1
ACT.wrapItemAndSub=|*|
|
|*|
}
3=t菜单
3 {
expAll=1
wrap=

NO.htmlSpecialChars=1
否。wrapItemAndSub=
*
*
|
ACT=1
ACT.htmlSpecialChars=1
ACT.wrapItemAndSub=
*.
*.
|
}
4=t菜单
4 {
wrap=
|
NO.htmlSpecialChars=1
否。wrapItemAndSub=
*
*
|
ACT=1
ACT.htmlSpecialChars=1
ACT.wrapItemAndSub=
*.
*.
|
}
}

如果您想针对特定页面，使用uid是最好的方法，因为它是单音的；因此，您可以在任何地方添加一个使用

{field:uid}

的类

---

我已经看到您已经使用它来设置一些id（

，如果我理解的话，您可以在任何地方添加一个使用{field:uid}的类；如果您想针对特定的页面，uid是最好的方法，因为它是单音的（您已经在某处使用id=“navbar{field:uid}”），谢谢riccardo，我完全忘记了这一点。我可以使用它{field:uid}我会写我的评论作为回答