2013-03-04 14 views
-2

嗨,任何人都可以幫助我如何在Leftside中展示樹狀視圖,並且它是右側的相關內容。Leftside樹狀結構和與其相關的內容div

我從這個網站下載的樹形結構:http://www.destroydrop.com/javascripts/tree/

d = new dTree('d'); d.add(0,-1,'StratApps'); 
d.add(1,0,'First Folder','page1.html') 
d.add(2,1,'Packages','page2.html'); 
d.add(3,2,'Pkg_Load_Dim','page3.html'); 
d.add(4,2,'Pkg_Write_to_File','#'); 
d.add(5,1,'Interfaces','#'); 
d.add(6,5,'Int_Load_Order_Dim','#'); 
d.add(7,5,'Int_Load_Channel_Dim','#'); 
d.add(8,1,'Procedures','#'); 
d.add(9,8,'Proc_Update_Order','#'); 
d.add(10,8,'Proc_Process_Errors','#'); 
document.write(d); 
+0

之間的關係,我不完全知道你的」再問一次,但這裏有一個你可能要考慮使用的非JavaScript樹視圖。 http://www.thecssninja.com/css/css-tree-menu – 2013-03-04 10:50:52

+0

來自哪裏的相關內容?它是否已經加載隱藏在文檔中?或者它來自url? – zamil 2013-03-04 10:54:49

+0

是的,它在同一頁面中隱藏在Div(比如「display:none」)中。左側Treeview與下載的腳本工作正常。左側的代碼是這樣的: – user1835490 2013-03-04 11:00:51

回答

0

包括

<script src="http://code.jquery.com/jquery-latest.js"></script> 

添加

<div class="content"></div> 

<script> 
    $(document).ready(function(){ 
     $('a').click(function(e){ 
      e.preventDefault(); 
      $(".content").text($(this).attr('id')); 
// you can write the code here to populate your required content area eg:div, span, p 
     }) 
    }) 
    </script> 

這將加載點擊的ID「A」與類內容的div

編輯:工作內容和匹配的一個標籤