jQuery UI tabs, select/unselect (collapse) events

Question

Я использую jQuery UI 1.8.5 tabs plugin, с возможностью складывания: истинная конфигурация. Мне нужно вызвать функцию после того, как вкладка свернута, чтобы добавить класс 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

А как насчет show event не подходит для этого? Потому что вы не знаете, какой из них был скрыт?

Возможно, даже select event может быть тем, что вы хотите.

используя '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 
     } 
    } 
});