相关疑难解决方法(0)

使Twitter Bootstrap导航栏链接处于活动状态

在Twitter Bootstrap导航栏中加粗活动链接的标准方法是什么?很明显,链接通过获得"活动"类来获得活跃的外观.例如,以下Home链接处于活动状态.当我单击导航栏中的任何链接时,是否应该使用jQuery从li元素中删除所有类,然后将active类添加到我已经识别的链接中?

<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

编辑:我包括在内

<script type="text/javascript">
$('.nav li a').on('click', function() {
    alert('clicked');
    $(this).parent().parent().find('.active').removeClass('active');
    $(this).parent().addClass('active');
});
</script>
Run Code Online (Sandbox Code Playgroud)

链接后.单击链接时会显示警报,但"活动"类未添加到链接中.

这是我的所有导航栏HTML:

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="#">AuctionBase</a>
            <div class="nav-collapse">
                    <ul class="nav">
                        <li><a href="home.php">Search</a></li>
                        <li><a href="about.php">About</a></li>
                    </ul>
            </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

php jquery twitter-bootstrap

39
推荐指数
4
解决办法
8万
查看次数

标签 统计

jquery ×1

php ×1

twitter-bootstrap ×1