Ottieni scheda ID selezionato nell'interfaccia utente jQuery 1.9 - jquery, jquery-ui-tabs

Come posso ottenere l'ID della scheda selezionata in jQuery UI 1.9?

Io uso questo metodo in jQuery UI 1.8:

var key = $("#chart-report-tabs .ui-tabs-panel:not(.ui-tabs-hide)").prop("id");

ma non funziona nella versione 1.9.

risposte:

Prova questo:

$("#chart-report-tabs .ui-tabs-panel[aria-hidden="false"]").prop("id");

Prova questo:

$("#<id of tabs>").tabs("option","active")

Restituisce l'indice a base zero della scheda attiva

Prova questo:

var $tabs = $("#chart-report-tabs");
var index = $tabs.tabs("option", "selected");
var key = $tabs.tabs("option", "panel").find(".ui-tabs-panel").eq(index).prop("id");

Fonte: jQuery UI Tabs indice selezionato

Usa il activate o beforeActivate eventi con ui.newPanel:

$("#chart-report-tabs").tabs({
activate: function(e, ui) {
var key = $(ui.newPanel).prop("id");
}
});

Controlla la documentazione

$("#divName .ui-tabs-panel[aria-hidden="false"]").prop("id");