Question

我在我的项目中使用Play Framework 2 for Java和Bootstrap Helper，我想在侧边栏链接点击上应用active类。我使用侧面导航栏进行导航，默认情况下，一个链接在页面加载时总是有active类，这就是为什么每次只有一个链接被突出显示为活动链接，但是如何更改{{1路由或链接更改，有没有办法检查路由路径是我们的HTML scala模板文件。

这是我的侧栏导航代码。

class="active"

以下是我的<ul class="nav nav-list"> <li class="active"><a href="/menu1">Menu1</a></li> <li><a href="/menu2">Menu2</a></li> <li><a href="/menu3">Menu3</a></li> </ul>文件

routes

请给我一些建议！

Answer 1

最后我解决了我的问题，我也在为别人分享我的解决方案。首先，我在html scala模板文件中创建了一个方法。

@activeLink(currentPath:String) = @{
if(request.path.equals(currentPath)) "active"
}

现在需要在class标记的anchor属性中调用上述方法。

<ul class="nav nav-list">
 <li class="@activeLink("/menu1")"><a href="/menu1">Menu1</a></li>
 <li class="@activeLink("/menu2")"><a href="/menu2">Menu2</a></li>
 <li class="@activeLink("/menu3")"><a href="/menu3">Menu3</a></li>
</ul>

这是我的最终解决方案，如果某个人有另一个解决方案或采用不同的方式，那么请分享这些解决方案。

Play Framework：如何更改路由更改时的活动类

1 个答案: