come faccio a verificare quali schede sono attive utilizzando le schede jquery?come faccio a verificare quali schede sono attive utilizzando le schede jquery?
risposta
Si prega di provare con Indice
function getIndex(){
return $("ul li.ui-state-active").index();
}
Sarà restituisce l'indice di Li o scheda selezionata .
Non troppo sicuro di questo, ma penso che jQuery assegna dinamicamente una classe di 'ui-stato-attivo'
corretta, jQuery aggiunge la classe 'ui-stato-active' alla scheda attiva. Vedi http://jqueryui.com/demos/tabs/ con Firebug per vedere come funziona. – Scott
ho bisogno di controllarlo a livello di codice, così posso fare azioni relative a quello – Bart
var selected = $ tabs.tabs ('option', 'selected'); // => 0 – Bart
var index = $("#tabs").tabs('option', 'selected');
L'opzione selezionata viene ritardata di 1 clic se si accede al valore nell'evento di attivazione. –
Avevo bisogno di ottenere la scheda attiva durante l'evento di attivazione. Sono stato in grado di farlo usando l'opzione chiamata attiva.
$('#tabs').tabs({
activate: function (event, ui) {
var activeTabId = $(this).tabs('option', 'active');
}
});
buona risposta davvero apprezzata. – User
sto usando qualcosa di simile:
$tabContainer.tabs({
activate: function (event, ui) {
if (ui.newPanel.is("#TabId")) {
// do sth here
}
}
});
var selectedTabIndex = 0;
jQuery("#tabContainer").tabs({
select: function(event, ui) {
selectedTabIndex = ui.index;
}
});
È possibile utilizzare selectedTabIndex nella vostra applicazione
funziona come un incantesimo! – indago