JQUERY и Twitter Bootstrap Make Active Tab не работает
-
27-10-2019 - |
Вопрос
В Twitter Bootstrap JS вкладки я должен добавить класс «Active» в элемент LI.
Я получаю хэш от URL. Я применяю класс, активный на вкладку, но он не получает фокус.
Я хочу сделать вторую вкладку активной, когда у URL есть определенный хэш.
Исходный код:http://jsfiddle.net/chumillas/du458/#example
Решение 2
Я решил это, мне также нужно установить Div с активным содержанием вкладки.
Другие советы
Также с последним 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
Вы можете сделать это так:
$(function (e) {
var parts = decodeURI(e.target).split('#');
$(".tabs").tabs().select(parts[1]);
});
Чтобы сделать вкладки Bootstrap, есть две вещи, которые вам нужно сделать, чтобы сделать вкладку активной:
- Установите элемент Li на Active (class = "Active")
- Установите элемент Tab Div на Active (class = "Fade In Active")
Почему ты не используешь select
Метод вместо того, чтобы менять класс самостоятельно ??
Проверь это, Выбор вкладки jQuery с использованием параметра в URL