我已经下载了树视图代码,它运行正常。代码是这样的:
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);
现在,我想提供链接,在右侧打开相应的Div。在这方面,任何人都可以帮助我......
答案 0 :(得分:1)
你可以尝试这些方法:
$('.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。