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

여기에서 문제는 헤더의 기본 경로입니다. 문제가 해결되어 해결 된 모든 문제가 있습니다. ^^