jquery ui вкладки, выберите / нелек (коллапс) события

Question

Я использую плагин jquery ui 1.8.5. Складной: истинная конфигурация. Мне нужно позвонить в функцию после завершения вкладки, чтобы добавить класс CSS. Кто-нибудь знает, как?

Answer 1

Вы могли бы проверить, ui-tabs-selected Класс существует на клике. Предполагая, что вы используете стандартную разметку:

// in your click event
var selected_exists = $('#yourTabBox')
    .children('ul.ui-tabs-nav')
    .children('li.ui-tabs-selected')
    .length;

if (selected_exists) {
    // Nothing is collapsed
} else {
    // collapsed
}

Это идеально подходит для select мероприятие.

Answer 2

Что насчет Показать событие не будет работать на это? Потому что вы не знаете, какой из них был скрыт?

Может быть, даже то Выберите событие может быть то, что вы хотите.

с использованием 'tabsselect' мероприятие:

$(".selector").tabs({
    collapsible: true,
    select: function(event, ui)
    {
         var prevSelectedIndex = $(".selector").tabs('option', 'selected');
         var nextSelectedIndex = ui.index;

         if(prevSelectedIndex === -1)
         {
             // It was previously collapsed and the user is now opening
             // tab at index: nextSelectedIndex 
         }
         else if(prevSelectedIndex === nextSelectedIndex )
         {
              // The user has clicked on the currently opened
              // tab and it is collapsing
         }
    }
});