樹視圖打開它的右邊

它已經下載了一個樹視圖代碼，它工作正常。代碼是這樣的：樹視圖打開它的右邊

d = new dTree('d'); 

     d.add(0,-1,'StratApps'); 
     d.add(1,0,'First Folder','example.html'); 

     d.add(2,1,'Packages','example1.html'); 
     d.add(3,2,'Pkg_Load_Dim','example2.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);

現在我想給鏈接在右側打開各自的Divs。誰能幫我在這方面...

來源

2013-02-28 user1835490

這棵樹來自哪個圖書館？發佈一個鏈接，所以我們可以幫助 – Shion 2013-02-28 08:49:01

我已經從這個網站下載它：http://www.destroydrop.com/javascripts/tree/在右上方你可以看到dtree.zip下載 – user1835490 2013-02-28 08:54:39

你可以嘗試沿着這些路線的東西：

$('.dtree a.node').prop('onclick', '').click(function(e) { 
    var href = $(this).prop('href'); 
    $('#divOnRightSide').load(href); 
    e.preventDefault(); 
});

基本上，你說的是：每一個節點（即鏈接）出現在每個DTREE上頁面，直接從HTML中刪除onClick事件並添加一個單擊事件處理程序。在此處理程序中，獲取href-attr，並將該鏈接的內容加載到id爲「divOnRightSide」的div中。然後，所以不會觸發頁面導航，請使用e.preventDefault（）。

希望這會有所幫助。

編輯：

這裏是一個的jsfiddle證明目的：jsFiddle。

來源

2013-02-28 14:23:08 Shion

它在新窗口中打開，我希望內容應該顯示在同一頁面的右側。 – user1835490 2013-03-01 05:15:26

如果這仍然是一個問題，請嘗試我在我的答案中編輯的內容。 – Shion 2013-03-01 07:04:51

與您給定的代碼我已修改，但它仍然在新窗口中打開。你可以請從這個網站下載左面板：destroydrop.com/javascripts/tree，然後在http://jsfiddle.net/上顯示我，這樣我就能得到清晰的一個...請。 – user1835490 2013-03-01 09:32:22

樹視圖打開它的右邊

回答

相關問題