Щебетать Меню Bootstrap Активное состояние Как до

Question

Впервые я играю в Twitter Bootstrap. Найдено на http://twitter.github.io/bootstrap/index.html

У этого есть много большой информации, но я не могу найти где-нибудь, где он рассказывает, как сделать активное состояние для меню. В нем есть много примеров меню, но нет примера jquery о том, как добавить активное состояние в элемент меню. Как это можно сделать, используя встроенные функции загрузочного твита и jquery? Конечно, это возможно. Я просто хочу назначить активный класс выбранному элементу li. Я серьезно не могу найти информацию, которая передает этот простой запрос. Кто-нибудь знает, как это сделать?

Меню - это все как <ul><li></li><li></li></ul> с другим классом, присвоенным ul. У каждого из них есть класс .active, но нет, где он указывает какой-либо jquery для добавления активного состояния в эти меню. Кто-нибудь знает, как конкретно относится к бутстрапу?

Я попробовал jquery по ссылке, упомянутой ниже, но я не могу заставить ее работать. Мое меню выглядит

<ul class="nav nav-pills"> 
    <li><a href="one.php">one</a></li> 
    <li><a href="two.php">two</a></li> 
    <li><a href="three.php">three</a></li> 
    <li><a href="four.php">four</a></li> 
</ul> 

Answer 1

Использование JQuery добавить active класс:

$(".nav.nav-pills li:first").addClass("active"); 

Можно также выбрать другие элементы списка, используя eq(n) селектор:

$(".nav.nav-pills li:eq(2)").addClass("active"); // selects the 2nd element 

Или:

var liToSelect = 3; 
$(".nav.nav-pills li:eq("+(liToSelect-1)+")").addClass("active"); 

http://jsfiddle.net/Y36FV/