Используя вкладки jqtree и jquery ui

Question

Я пытаюсь создать документ управления с редактором и прочее.

Я получил следующий код:

<script src="js/ide/lib/codemirror.js"></script>
<link rel="stylesheet" href="js/ide/lib/codemirror.css">
<!-- Tree -->
<div class="masterAdmin">
    <div class="masterAdminNavigation float_left" id="tree">
        <div id="ideFS" data-url="{link modul="ide" operation="home" action="tree"}"></div>
    </div>
    <div class="masterAdminContent float_left">
        <div id="tabs">
            <ul></ul>
        </div>
    </div>
</div>
<script>
{literal}
    $(function(){
        var tabCounter = 0;
        tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>",
        $('#ideFS').tree({
            saveState: 'ideFStree',
        });
        var tabs = $( "#tabs" ).tabs();
        $('#ideFS').bind(
            'tree.click',
            function(event){
                var node = event.node;
                //node type: node.class
                var li = $( tabTemplate.replace( /#\{href\}/g, "{/literal}{link modul="ide" operation="editor" action="edit"}{literal}?fileid="+node.id ).replace( /#\{label\}/g, node.name ) );
                tabs.find( ".ui-tabs-nav" ).append( li );
                tabs.tabs( "refresh" );
            }
        );
        tabs.delegate( "span.ui-icon-close", "click", function() {
          var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" );
          $( "#" + panelId ).remove();
          tabs.tabs( "refresh" );
        });
    });
{/literal}
</script>

Это работает до сих пор. Он открывает новую вкладку и загружает код в редактор. Единственная проблема в том, что эти вкладки не открываются по умолчанию. Вы должны нажать на первую вкладку, чтобы открыть ее. Я не очень понимаю проблему этого, потому что он загружается без проблем.????

Answer 1

Проблемой здесь был базовый путь в шапке. Я удалил его и все проблемы, где решены ^^