код для активного завантажувального завантажувача - не працює - javascript, jquery, css, twitter-bootstrap

будь ласка, я намагався отримати цей код, щоб додати активний клас до мого елемента nav li, але він не працює.

Будинок</ li>

    <li  id="orange">
<a href="hotels.php"><span class="glyphicon glyphicon-bed icondeco"></span>Hotel</a>
</li>
<li  id="blue">
<a href="flights.php"><span class="glyphicon glyphicon-plane icondeco"></span>Flight</a>
</li>
<li  id="red">
<a href="cars.php"> <span class="glyphicon glyphicon-star icondeco"></span>cars</a>
</li>

<li  id="green">
<a href="visas.php"> <span class="glyphicon glyphicon-tags icondeco"></span>Visas</a>
</li>


<li  id="plum">
<a href="vacation.php"><span class="glyphicon glyphicon-heart icondeco"></span>Vacations</a>
</li>

<li  id="purple">
<a href="corporate.php"><span class="glyphicon glyphicon-briefcase icondeco"></span>Corporate</a>
</li>

</ul>

// у мене є цей код внизу тіла моєї сторінки

<!-- Bootstrap Core JavaScript -->
<script src="bootstrap/js/bootstrap.min.js"></script>

<script>


$(".nav li").click(function(){
$(".nav li").addClass("active").siblings().removeClass("active");
})
</script>

Відповіді:

$(".nav li").click(function(){
$(this).siblings().removeClass("active");
$(this).addClass("active");
})

Ви додаєте active клас у списку та видалення класу з усіх списків. Таким чином, вам потрібно використовувати $(this) додавати active класу до вашого списку, на який ви натискаєте, і видаліть усі класи списку братів і сестер:

$(this).addClass("active").siblings().removeClass("active");
//^^ instead of $(".nav li")