Zakładki jQuery UI: pobierz tabulator bieżący indeks

Question

Chcę uzyskać indeks aktualnej zakładki przy użyciu kart jQuery UI: szczególnie gdy są wywoływane zdarzenia show lub select Chcę wiedzieć, że tab, o której mowa, jest to możliwe?

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

---

Lub, jeśli nie chcą wiązać nasłuchiwania zdarzeń o inicjalizacji można powiązać je tak:

$('#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

Można to wykorzystać do znajdź

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

Z JQuery 1,9 na

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

Answer 3

Właśnie to realizowane w jednym z moich projektów:

var lastTab = 0; // global variable 

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

A potem nigdzie indziej w kodzie można po prostu odwołać lastTab.

Answer 4

dla jQuery 1.9 lub nowszy ...

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