如何设置 class="active"到活动页面

发布于 2024-10-05 15:55:43 字数 123 浏览 2 评论 0 原文

我正在设计一个使用 jsp 页面的应用程序。现在我需要一些东西来指示当前正在显示的页面。基本上，我想要一个包含每个页面的菜单，我将 class=”active” 放置在当前页面上。

我该怎么做？有什么建议吗？谢谢！

原文

分享到QQ

分享到微博

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

发布评论

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

淡写薰衣草的香 2024-10-12 15:55:43

启动示例：

<c:set var="currentPage" value="${fn:substring(pageContext.request.servletPath, 1, -1)}" />
<ul>
    <c:forEach items="${bean.menu}" var="item">
        <li><a href="${item.link}"${item.link == currentPage ? ' class="active"' : ''}>${item.name}</li>
    </c:forEach>
</ul>

假设 ${bean.menu} 是一个 List

，Menu 是一个具有属性 的 bean >link 和 name 以及 ${item.link} 返回路径名，例如 home.jsp、contact。 jsp（或者如果您使用的是控制器 servlet、home、contact 等）。

fn:substring() 去掉前导斜杠。 EL 中的条件运算符 ?: 仅在条件为 true 时打印类，否则不打印任何内容。

Kickoff example:

<c:set var="currentPage" value="${fn:substring(pageContext.request.servletPath, 1, -1)}" />
<ul>
    <c:forEach items="${bean.menu}" var="item">
        <li><a href="${item.link}"${item.link == currentPage ? ' class="active"' : ''}>${item.name}</li>
    </c:forEach>
</ul>

This assumes ${bean.menu} to be a List<Menu>, the Menu to be a bean with properties link and name and the ${item.link} to return pathnames like home.jsp, contact.jsp (or if you're using a controller servlet, home, contact, etc).

The fn:substring() gets rid of the leading slash. The conditional operator ?: in EL only prints the class when the condition is true, else nothing.

回复收藏 0 原文

五里雾 2024-10-12 15:55:43

您应该获取当前 URL

<% String URL = request.getRequestURL(); %>

然后在菜单中，如果当前 URL（或从 url 检索“当前页面”）与菜单元素（按标题、id..）匹配，则可以在元素上设置 class="active" .) 你想要“活跃”

You should get the current URL

<% String URL = request.getRequestURL(); %>

Then in the menu you could set the class="active" on an element if the current URL (or, retrieving the 'current page' from the url) match the menu element (by title, id...) you want to be "active"

回复收藏 0 原文

~没有更多了~