javascript - 如何在隐藏容器(选项卡式布局)中使用 Javascript Infovis Toolkit

Question

我有一个包含多个选项卡的页面(jquery ui 选项卡)

在最后一个选项卡上，我显示了一个“空间树”。我在单独的测试页(没有标签)上正常工作。一旦我将所有内容添加到选项卡式页面，树就会停止显示。

带有 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 之前设置空间树，以确保 infvis 内部 div 选择正确的样式