jquery ui tabs annidate

[mansportivo]

ho già cercato in rete ma non ho trovato nulla che mi desse delle indicazioni per risolvere il mio problema

io vorrei ottenere delle tabs annidate ovvero:

tab_principale_1|tab_principale_2|tab_principale_3

all'interno di tab2 vorrei ottenere
tab_griglia_1|tab_griglia_2 ecc

riesco a farlo dal punto di vista grafico, ma se poi clicco sulle tab griglia javascript mi scatena anche la selezione delle tab princiaple

vi incollo il pezzo di codice che dovrebbe interessare questo problema

$("#tabs").tabs({
idPrefix: 'ui_tabs_principale'
});

$('#tabs').bind('tabsselect', function(event, ui_tabs_principale) {

var valore_index_tabs =ui_tabs_principale.index;

===================================================

$("#tabs_griglia").tabs({
idPrefix: 'ui_tabs_griglia'
});

$('#tabs_griglia').bind('tabsselect', function(event, ui_tabs_griglia) {
var valore_index_tabs_griglia =ui_tabs_griglia.index;

spero di essere stato sufficientemente chiaro...

ringrazio anticipatamente per le eventuali risposte

buona giornata a tutti

[mansportivo]

Originariamente inviato da mansportivo
ho già cercato in rete ma non ho trovato nulla che mi desse delle indicazioni per risolvere il mio problema

io vorrei ottenere delle tabs annidate ovvero:

tab_principale_1|tab_principale_2|tab_principale_3

all'interno di tab2 vorrei ottenere
tab_griglia_1|tab_griglia_2 ecc

riesco a farlo dal punto di vista grafico, ma se poi clicco sulle tab griglia javascript mi scatena anche la selezione delle tab princiaple

vi incollo il pezzo di codice che dovrebbe interessare questo problema

$("#tabs").tabs({
idPrefix: 'ui_tabs_principale'
});

$('#tabs').bind('tabsselect', function(event, ui_tabs_principale) {

var valore_index_tabs =ui_tabs_principale.index;

===================================================

$("#tabs_griglia").tabs({
idPrefix: 'ui_tabs_griglia'
});

$('#tabs_griglia').bind('tabsselect', function(event, ui_tabs_griglia) {
var valore_index_tabs_griglia =ui_tabs_griglia.index;

spero di essere stato sufficientemente chiaro...

ringrazio anticipatamente per le eventuali risposte

buona giornata a tutti

ecco la soluzione, sudata ma trovata

$(function() {   $("#tabs").tabs({select: function(event, ui)    {    alert(10);   var valore_index =ui.index;   // zero-based index of the selected (clicked) tab    alert ("valore_index_princ: " +valore_index);   console.log("Tab selected");       }   });    $("#tabs-2 > #tabs_seconda").tabs({    select: function(event, ui) {     alert (20);    var valore_index =ui.index;   // zero-based index of the selected (clicked) tab    alert ("valore_index_sub: " +valore_index);    console.log("subTab selected");     }   });     });