JQUERY и Twitter Bootstrap Make Active Tab не работает

Question

В Twitter Bootstrap JS вкладки я должен добавить класс «Active» в элемент LI.

Я получаю хэш от URL. Я применяю класс, активный на вкладку, но он не получает фокус.

Я хочу сделать вторую вкладку активной, когда у URL есть определенный хэш.

Исходный код:http://jsfiddle.net/chumillas/du458/#example

Answer 1

Я решил это, мне также нужно установить Div с активным содержанием вкладки.

Answer 2

Также с последним Bootstrap-tab.js вы можете использовать следующий вызов для выбора вкладки Active.

Образец NAV:

<ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
    <li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
</ul>

Получить объект по ссылке и отображению:

$('a[href="#tab2"]').tab('show');

Бест, Г.

источник:Twitter Bootstrap

Answer 3

Вы можете сделать это так:

$(function (e) {
  var parts = decodeURI(e.target).split('#');
  $(".tabs").tabs().select(parts[1]);
});

Answer 4

Чтобы сделать вкладки Bootstrap, есть две вещи, которые вам нужно сделать, чтобы сделать вкладку активной:

1. Установите элемент Li на Active (class = "Active")
2. Установите элемент Tab Div на Active (class = "Fade In Active")

Answer 5

Почему ты не используешь select Метод вместо того, чтобы менять класс самостоятельно ??

Проверь это, Выбор вкладки jQuery с использованием параметра в URL