如何突出显示当前页面的父页面?

发布于 2024-11-07 01:50:05 字数 489 浏览 2 评论 0原文

如何突出显示当前页面的父菜单项?

我有一个站点地图,如下所示:

 val siteMap = SiteMap(
      Menu("Home") / "index",
      Menu("Search") / "search" submenus (
          Menu("Search Results") / "search-results") >> Hidden)

并且按如下方式使用它:

<lift:Menu.builder ul:class="tabs" li_item:class="selected"  />

但是,当我导航到 /search-results 时 - 不再选择 搜索 菜单项(即 css 类 selected 不再应用于它)。

有什么建议吗?

How can I hightlight the parent menu item of the current page?

I have a site map as follows:

 val siteMap = SiteMap(
      Menu("Home") / "index",
      Menu("Search") / "search" submenus (
          Menu("Search Results") / "search-results") >> Hidden)

and I use it as follows:

<lift:Menu.builder ul:class="tabs" li_item:class="selected"  />

However, when I navigate to the /search-results - the search menu item is no longer selected (i.e. the css class selected is no longer applied to it).

Any tips?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

伤痕我心 2024-11-14 01:50:05

这很简单。您应该使用 Lift 内置代码片段菜单参数 li_path

文档中的某些内容:

li_path - 添加指定的属性
到当前页面的面包屑路径
(面包屑路径是一组
直接祖先的菜单项
在菜单树中)

所以在你的代码中,你可以这样做:

<lift:Menu.builder ul:class="tabs" li_item:class="selected" li_path:class="selected" />

希望这有帮助。如果您有任何其他问题,请询问:)

it's quite simple. You should use Lift built-in snippet Menu parameter li_path

something from documentation:

li_path - Adds the specified attribute
to the current page’s breadcrumb trail
(the breadcrumb trail is the set of
menu items that are direct ancestors
in the menu tree)

so in your code, you could do just:

<lift:Menu.builder ul:class="tabs" li_item:class="selected" li_path:class="selected" />

Hope this helps. If you could have any other questions just ask :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文