schede jQuery UI, selezionare deselezionare eventi (collasso) /
Domanda
Sto usando jQuery UI 1.8.5 schede plug-in, con pieghevole: vera configurazione. Ho bisogno di chiamare una funzione, dopo una linguetta viene compressa per aggiungere una classe CSS. Qualcuno sa come?
Soluzione
Si potrebbe verificare se la classe ui-tabs-selected
esiste al clic. Supponendo che si sta utilizzando il markup standard:
// 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
}
Questo è perfetto per la select
evento.
Altri suggerimenti
E il spettacolo evento non funzionerà per questo? Perché non si sa quale era nascosto?
Forse anche il selezionare evento potrebbe essere ciò che si desidera.
'tabsselect' evento:
$(".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
}
}
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow