Как использовать Javascript Infovis Toolkit внутри скрытого контейнера (макет с вкладками)

У меня есть страница с несколькими вкладками (вкладки jquery ui)

На последней вкладке я показываю «космическое дерево». У меня это работает правильно на отдельной тестовой странице (без вкладок). Как только я добавляю все на страницу с вкладками, дерево перестает отображаться.

Div с идентификатором infovis находится внутри надлежащего div «tab» и определяется как таковой:

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

    </div>
</div>

в firebug я вижу, что div infovis правильно устанавливает высоту и ширину, но «infovis-canvaswidget», который помещается внутрь, получает высоту и ширину 0, что, как я полагаю, является частью проблемы.

Как я могу решить эту проблему и использовать набор инструментов внутри контейнера с вкладками?


javascript jquery jit thejit infovis
person stephen776    schedule 15.03.2011    source источник

Ответы (1)


arrow_upward
2
arrow_downward

О, хорошо, я исправил это, поковырявшись некоторое время. Дело было не в контейнере вкладок. Весь div, содержащий вкладки, скрыт при загрузке страницы до инициализации JIT в моей функции document.ready.

Мне нужно было настроить космическое дерево до того, как внешний div был скрыт, чтобы убедиться, что внутренние div infvis подобрали правильный стиль.

person stephen776    schedule 15.03.2011