如何在隐藏容器内使用Javascript Infovis Toolkit（选项卡式布局）

Question

我有一个包含多个标签的页面（jquery ui标签）

在最后一个标签上，我正在显示“spacetree”。我在单独的测试页面（没有选项卡）上正常工作。只要我将所有内容添加到选项卡页面，树就会停止显示。

带有infovis id的div位于正确的“tab”div内，并且定义如下：

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

    </div>
</div>

在firebug中我可以看到infovis div正确设置了高度和宽度，但放在里面的“infovis-canvaswidget”的高度和宽度为0，我认为这是问题的一部分。

如何解决此问题并在选项卡式容器中使用工具包？

Answer 1

哦，好吧，我在戳了一会儿后修好了。不是标签容器搞乱了。在我的document.ready函数中初始化JIT之前，包含选项卡的整个div在页面加载时隐藏。

我需要在隐藏外部div之前设置spacetree以确保infvis内部div获得正确的样式