如何將class =「active」設置爲活動頁面

Question

我正在設計一個應用程序，使用jsp頁面。現在我需要顯示哪些是當前正在顯示的頁面。基本上，我希望每個頁面都有一個菜單，在該頁面上我將class =「active」放在當前頁面上。

我該怎麼做？有什麼建議麼？ 謝謝！

Answer 1

你應該得到當前的URL

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

然後你可以設置類=「主動」的元素上的菜單，如果當前的URL（或者，檢索「當前頁」從URL）匹配菜單元素（標題，ID ...）你想成爲 「活躍」

Answer 2

開球例如：

<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>，T他Menu要與性能link和name和${item.link}豆返回路徑名像home.jsp，contact.jsp（或者，如果你使用一個控制器servlet，home，contact等）。

fn:substring()擺脫了主導斜線。 EL中的條件運算符?:僅在條件爲真時纔打印類，否則不會。