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-eventを削除し、クリックイベントハンドラーを追加することです。このハンドラーで、href-attrを取得し、そのリンクのコンテンツをid="divOnRightSide"を使用してdivにロードします。次に、ページナビゲーションがトリガーされないように、e.preventDefault（）を使用します。

お役に立てれば。

編集：

これが目的を示すためのjsFiddleです：jsFiddle。

于 2013-02-28T14:23:08.220 に答える