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

时间:2011-03-15 12:00:49

标签: javascript jquery jit infovis thejit

我有一个包含多个标签的页面(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,我认为这是问题的一部分。

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

1 个答案:

答案 0 :(得分:2)

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

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