pestañas jQuery interfaz de usuario, seleccionar eventos (colapso) / Elija
Pregunta
estoy usando jQuery UI 1.8.5 pestañas plugin, con plegable: configuración verdadera. Tengo que llamar a una función después de una pestaña se derrumbó para agregar una clase css. ¿Alguien sabe cómo?
Solución
Se puede comprobar si existe la clase ui-tabs-selected
al hacer clic. Suponiendo que está utilizando marcado estándar:
// 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
}
Esto es perfecto para el evento select
.
Otros consejos
¿Qué pasa con el espectáculo evento no funcionará para esto? Debido a que no se sabe cuál fue escondido?
Tal vez incluso la seleccione caso podría ser lo que quiera.
usando el '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
}
}
});
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow