jQuery: JSTree и jQuery UI Tabs: jsTree вызывает скрытие других деревьев во вкладках, проблема CSS? - PullRequest
Новая
       11

jQuery: JSTree и jQuery UI Tabs: jsTree вызывает скрытие других деревьев во вкладках, проблема CSS?

0 голосов
/ 27 сентября 2010

Я искал в Интернете решение, но не могу найти его.Вот моя текущая реализация: 

<div id="NavSlider">
            <div id="NavSliderMenu">
                <div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
                <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" >
                        <li class="ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">Main Menu</a></li>
                        <li class="ui-corner-top ui-state-default"><a href="#tabs-2">My Menu</a></li>
                        <li class="ui-corner-top ui-state-default"><a href="#tabs-3">Recently Used</a></li>
                    </ul>
                    <div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom" >
                        <div id="jsMasterTree" />
                    </div>
                    <div id="tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ">
                        <div id="jsMyTree" />
                    </div>          
                    <div id="tabs-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ">
                        <div id="jsRecentTree" />
                    </div>

                </div>
            </div>
            <a href="#" id="NavSliderA" title="Expand Menu"><span id="NavSliderArrow">
                &nbsp;</span></a>
        </div>

Javascript: 

 $(document).ready(function () {
            $("#jsRecentTree").jstree({
                "json_data": {
                    "ajax": {
                        "url": '<%= ResolveUrl("~/AJAXHandler.aspx?action=Get") %>',
                        "async": true,
                        "cache": true
                    },
                    progressive_render: true
                },
                "plugins": ["themes", "json_data", "cookies", "crrm", "ui"]
            })
            .bind("select_node.jstree", function (NODE, REF_NODE) {
                var nodeToOpen = $.jstree._focused().get_selected();
                if (REF_NODE.rslt.obj[0].className === "jstree-closed") {
                    $.jstree._focused().open_node(nodeToOpen);
                } else if (REF_NODE.rslt.obj[0].className === "jstree-open") {
                    $.jstree._focused().close_node(nodeToOpen);
                } else {
                    window.location = REF_NODE.rslt.obj[0].link.replace("~/", "");
                };
            })

У меня есть два других документа.немного по-другому.Почему-то кажется, что jstree на первой панели пожирает CSS для остальных.Кажется, я не могу заставить других появиться.

Есть предложения?

1 Ответ

0 голосов
/ 09 октября 2010

Вместо встроенного HTML я заблокировал div: 

<div id="jsMasterTree" ></div>

Работал.

...