树视图打开它的右边

它已经下载了一个树视图代码，它工作正常。代码是这样的：树视图打开它的右边

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

树视图打开它的右边

回答

相关问题