0

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

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 的链接。任何人都可以在这方面帮助我...

4

1 回答 1

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。

于 2013-02-28T14:23:08.220 回答