Jaki jest standardowy sposób na aktywowanie aktywnego linku na pasku nawigacyjnym Twitter Bootstrap? Jasne jest, że łącze zyskuje aktywny wygląd, zdobywając klasę „aktywną”. Na przykładHome link poniżej jest aktywny. Kiedy klikam dowolny link na pasku nawigacyjnym, powinienem użyć jQuery, aby usunąć wszystkie klasy zli elementy, a następnie dodajactive klasa do linku, który podałem?

<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>

EDYTOWAĆ: Włączyłem

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

po linkach. Alert pojawia się po kliknięciu łącza, ale klasa „aktywna” nie jest dodawana do łącza.

Oto cały mój HTMLowy pasek nawigacyjny:

<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>