pestañas jQuery UI: obtener el índice ficha actual

Question

Quiero obtener el índice de la ficha actual usando jQuery UI fichas: sobre todo cuando los show o select eventos se activan quiero saber la pestaña de thay se hace referencia es esto posible?

Answer 1

$('#tabs').tabs({ 
    select: function(event, ui) { // select event 
     $(ui.tab); // the tab selected 
     ui.index; // zero-based index 
    }, 
    show: function(event, ui) { // show event 
     $(ui.tab); // the tab shown 
     ui.index; // zero-based index 
    } 
}); 

Demo

---

O, si usted no desea enlazar los detectores de eventos en la inicialización puede enlazar ellos de esta manera:

$('#tabs') 
    .bind('tabsselect', function(event, ui) { // select event 
     $(ui.tab); // the tab selected 
     ui.index; // zero-based index 
    }) 
    bind('tabsshow'. function(event, ui) { // show event 
     $(ui.tab); // the tab shown 
     ui.index; // zero-based index 
    }); 

Answer 2

Usted puede usar esto para encuentre

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

Desde jQuery 1.9 en

var $tabs = $('#tab').tabs(); 
var selected = $tabs.tabs('option', 'active'); 

Answer 3

acabo implementado esto en uno de mis proyectos:

var lastTab = 0; // global variable 

$(function() { 
    $('#tabs').tabs({ 
     select: function(event, ui) { 
      lastTab = ui.index; 
     } 
    }); 
}); 

Y luego cualquier otro lugar en su código puede simplemente hacer referencia a lastTab.

Answer 4

para jQuery 1.9 o posterior ...

$('#tabs').tabs({ 
    activate: function(event, ui) { 
     ui.newTab.index(); // zero-based index 
    } 
});