Как получить активный таб в jQuery Ui Tabs?

Question

[Алексей Черток]

Всем привет. У меня небольшая проблема.
В общем работаю с jQuery UI Tabs и мне нужно поймать активный таб и засунуть в него класс.

Разметка:

<ul>
    <li><a href="#tabs-1"><i class="l-messages"></i></a></li>
    <li><a href="#tabs-2"><i class="l-messages"></i></a></li>
    <li><a href="#tabs-3"><i class="l-messages"></i></a></li>
</ul>

Т.е вот что у меня не выходит (оно добавляет всем иконкам этот класс, а нужно только той где активный таб):

var tabs = $('.maintabs');
if(tabs.find(li.ui-tabs-active)){
    $(this).find('i').addClass('active')
}

В общем нужно сделать так, что если этот таб активен (li), то именно в этом (li) найти (i) и дописать класс active. Как можно это сделать?

Заранее благодарю.

Answer 1

[Виталий Киренков]

Так ui сам и добавляет активный класс - ui-tabs-active - вы фаирбагом код хоть смотрели?

P. S. У вас подозрительно одинаковые ссылки на табы, такого не должно быть...

Comments

[Алексей Черток]

Это я для примера поставил. Все я смотрел, но я не могу почему то поймать активный таб и именно в него (если он активный) дописать класс active.

[Виталий Киренков]

@BarnyBroken Повторяю свой вопрос.... Зачем вам класс active, если скрипт сам генерит класс ui-tabs-active на активный таб?

[Алексей Черток]

Да емае. Повторяюсь, мне надо приписать класс к КЛАССУ ИКОНКИ в активном табе!

[Виталий Киренков]

api.jqueryui.com/tabs/#option-active
Пожалуйста... если вам принципиально нужно проставить свой класс.

[Виталий Киренков]

@BarnyBroken Вы неправильно делаете. Можно проще, и не запариваясь со скриптами.
Если я вас правильно понимаю, то у активного таба вложенная иконка меняет стиль, верно? Так поменяйте его из ксс.
то есть:
ul li l-messages { простые стили}
ul li.ui-tabs-active l-messages { стили для активности}

[Виталий Киренков]

@BarnyBroken Ну и соответственно, просто сделайте дополнительные классы для li - типа type_1, type_2...
ul li.type_1 .l-messages { просто}
ul li.type_1.ui-tabs-active .l-messages { активно}
и т.д.