Come utilizzare Javascript InfoVis Toolkit all'interno del contenitore nascosto (il layout a schede)

Question

Ho una pagina con più schede (schede jQuery UI)

L'ultima scheda che sto visualizzando un "spacetree". Ho questo funziona correttamente su una pagina di prova separata (senza le schede). Non appena aggiungo tutto alla pagina a schede l'albero interrompe la visualizzazione.

Il div con l'InfoVis id è all'interno di una corretta div "scheda" ed è definito come tale:

<div id="tab2">                                                              
    <div id="infovis" style="position:relative; height:380px; width:350px; border:solid 1px #333;">

    </div>
</div>

in Firebug vedo che il div InfoVis sta ottenendo l'altezza e insieme la larghezza correttamente, ma il "InfoVis-canvaswidget" che viene collocato all'interno ottiene l'altezza e la larghezza di 0, che presumo sia parte del problema.

Come posso risolvere questo problema e utilizzare la parte interna toolkit di un contenitore a schede?

Answer 1

Oh ok, I fixed it after poking around for a while. It was not the tab container that was messing things up. The entire div that contains the tabs is hidden on page load, before the JIT was initialized in my document.ready function.

I needed to set up the spacetree before the outer div was hidden to make sure the infvis inner divs picked up the proper styling