¿cómo puedo verificar qué pestañas está activa usando las pestañas jquery?

Question

¿cómo puedo verificar qué pestañas está activa usando las pestañas jquery?

Answer 1

favor, intente con Índice

function getIndex(){ 
    return $("ul li.ui-state-active").index(); 
    } 

Será devuelve el índice de li o pestaña seleccionada .

Answer 2

No muy seguro de esto, pero creo que jQuery asigna dinámicamente una clase de 'ui-estado activo'

Answer 3

var index = $("#tabs").tabs('option', 'selected'); 

Answer 4

Necesitaba obtener la pestaña activa durante el evento de activación. Pude hacer esto usando la opción llamada activa.

$('#tabs').tabs({ 
    activate: function (event, ui) { 
     var activeTabId = $(this).tabs('option', 'active'); 
    } 
}); 

Answer 5

estoy usando algo como esto:

$tabContainer.tabs({ 
    activate: function (event, ui) { 
     if (ui.newPanel.is("#TabId")) { 
      // do sth here 
     } 
    } 
}); 

Answer 6

var selectedTabIndex = 0; 
jQuery("#tabContainer").tabs({ 
select: function(event, ui) { 
    selectedTabIndex = ui.index; 
} 
}); 

Puede utilizar selectedTabIndex en su aplicación