jQuery UI tabs Wählen / Abwählen (collapse) Ereignisse

Question

Ich bin mit jQuery UI 1.8.5 Tabs Plugin, mit klappbaren: true Konfiguration. Ich brauche eine Funktion aufrufen, nachdem ein Register kollabiert ist eine CSS-Klasse hinzuzufügen. Wer weiß, wie?

Answer 1

Sie können überprüfen, ob die ui-tabs-selected Klasse auf Klick existiert. Angenommen, Sie sind mit Standard-Markup:

// 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
}

Dies ist ideal für das select Ereignis.

Answer 2

Was ist mit dem Show-Event wird für diese Arbeit nicht? Weil Sie nicht wissen, was man versteckt war?

Vielleicht sogar die wählen Ereignis könnte sein, was Sie wollen.

mit der 'tabsselect' Ereignisse:

$(".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
         }
    }
});