Twitter Bootstrap。活动菜单项标记

时间:2013-03-08 13:56:50

标签: twitter-bootstrap menu menuitem

我使用标准的Twitter引导程序菜单:

<ul class="nav nav-pills">
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>

如何标记活动菜单项?

3 个答案:

答案 0 :(得分:7)

你只需在你的李中添加“活跃”:

<li class="active">
    <a href="#"></a> 
</li>

答案 1 :(得分:1)

答案 2 :(得分:0)

        var storedListItem = sessionStorage.getItem('selectedListItem');
        $("ul.nav > li > a:eq("+(storedListItem)+")").addClass("active");
        $("ul.nav > li").on("click",function(){
            var index = $(this).index('ul.nav > li');
            var selectedListItem = index;
            sessionStorage.setItem('selectedListItem', JSON.stringify(selectedListItem));
        });