很多人都想要导航高亮,根据Labulaka的乐呵网的方式把方法汇总下。
1、增加JS代码,可以增加在public的scripts.html中
$(".main-menu a").each(function(){
if ($(this)[0].href == String(window.location) && $(this).attr('href')!="") {
$(this).parents("li").addClass("current-menu-item");
}
});
2、增加css样式
#navigation > ul > li.current-menu-item > a
{
background-color:#fff;
color: #0099ff;
}
3、修改模版文件nav.html,增加一个id号和一个main-menu
...
$style="nav main-menu";
...
如此,你就完成了导航高亮,具体可以看下乐呵网。