Comment utiliser Javascript InfoVis Toolkit à l'intérieur du conteneur caché (mise en page à onglets)

Question

I ai une page avec plusieurs onglets (onglets jquery ui)

Le dernier onglet Je l'affichage d'un « spacetree ». J'ai ce travail correctement sur une page de test séparé (sans les onglets). Dès que j'ajoute tout à la page d'onglets l'arbre cesse d'afficher.

Le div avec l'id InfoVis est à l'intérieur de la bonne div « onglet » et est défini comme tel:

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

    </div>
</div>

dans Firebug je peux voir que la div InfoVis devient la hauteur et jeu largeur correctement, mais le « InfoVis-canvaswidget » qui obtient placé à l'intérieur obtient la hauteur et la largeur de 0, que je suppose fait partie du problème.

Comment puis-je résoudre ce problème et utiliser l'intérieur de boîte à outils d'un conteneur à onglets?

Answer 1

Oh ok, je l'ai fixé après farfouillé pendant un certain temps. Il n'a pas été le conteneur onglet qui a été tout embrouiller. L'ensemble div qui contient les onglets est caché sur chargement de la page, avant que le JIT a été initialisé dans ma fonction document.ready.

je devais mettre en place la spacetree avant la div externe a été caché pour vous assurer que le infvis divs intérieur ramassé le style approprié