2013-05-03 63 views
1

我試圖用編輯器和東西來創建文檔管理。使用jqtree和jquery ui標籤

我得到了下面的代碼:

<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> 

它的工作至今。 它打開一個新選項卡並將代碼加載到編輯器中。 唯一的問題是,這些標籤默認不打開。你必須點擊第一個標籤打開它。 我真的不明白這個問題,因爲它加載沒有任何問題。 ????

回答

0

這裏的問題是標題中的基本路徑。 我刪除了它,並解決了所有問題 ^^