很多人都想要导航高亮，根据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

<div class="nav-collapse collapse" 
...
$style="nav main-menu";
...
</div>

如此，你就完成了导航高亮，具体可以看下乐呵网。

评论