Question

您好任何人都可以帮助我如何在Leftside中展示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”标记之间的关系

左侧树视图和右侧它的相关内容div

1 个答案: