javascript - 左侧 Treeview 和右侧相关内容 div

Question

嗨，任何人都可以帮助我如何在左侧显示 Treeview，并在右侧显示相关内容。

我已经从这个站点下载了 Treeview 结构：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);

Answer 1

包括

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

这会将单击的“a”的 id 加载到带有类内容的 div

编辑：处理内容和匹配的“a”标签之间的关系