Ani*_*dey 6 java twitter-bootstrap playframework-2.0
我在我的项目中使用Play Framework 2 for Java和Bootstrap Helper,我想active在侧边栏链接点击上应用类.我使用侧导航栏进行导航,默认情况下,一个链接总是active在页面加载时有类,所以这就是为什么每次只有一个链接被突出显示为活动链接,但是如何更改class="active"路由或链接更改,是否存在任何检查路径路径的方法都是我们的html scala模板文件.
这是我的侧栏导航代码.
<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>
Run Code Online (Sandbox Code Playgroud)
这是我的routes档案
GET /menu1 com.demo.project.controllers.DemoController.menu1()
GET /menu2 com.demo.project.controllers.DemoController.menu2()
GET /menu3 com.demo.project.controllers.DemoController.menu3()
Run Code Online (Sandbox Code Playgroud)
请给我一些建议吧!
最后我得到了解决问题的方法,我也在为别人分享我的解决方案.首先,我在html scala模板文件中创建了一个方法.
@activeLink(currentPath:String) = @{
if(request.path.equals(currentPath)) "active"
}
Run Code Online (Sandbox Code Playgroud)
现在需要在tag的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>
Run Code Online (Sandbox Code Playgroud)
这是我的最终解决方案,如果某个人有另一个解决方案或采用不同的方式,那么请分享这些解决方案.
| 归档时间: |
|
| 查看次数: |
829 次 |
| 最近记录: |