4

ローカル配列データを使用してjQueryFancyTreehttp://wwwendt.de/tech/fancytree/demo/を実装しようとしています

https://code.google.com/p/fancytree/から参照

これがコードです。しかし、それは機能しておらず、スクリプトエラーはありません。しかし、ツリーは空です!!!

デモサイトで使用しているファイルのUIバージョンであるjQueryをコピーしました。それでも何も機能しません

<html>
<head>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="jquery-ui.custom.js" type="text/javascript"></script>
    <link href="ui.fancytree.css" rel="stylesheet" type="text/css" />
    <script src="jquery.fancytree.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#tree").fancytree({
                onActivate: function (node) {
                    // A DynaTreeNode object is passed to the activation handler

                    // Note: we also get this event, if persistence is on, and the 
                     //  age is reloaded.
                    alert("You activated " + node.data.title);
                },

                children: [ // Pass an array of nodes.
                {title: "Item 1" },
                { title: "Folder 2", isFolder: true,
                    children: [
                        { title: "Sub-item 2.1" },
                        { title: "Sub-item 2.2" }
                    ]
                },
                { title: "Item 3" }
            ]
            });
        });

    </script>
</head>
<body>
    <div id="tree">
    </div>
</body>
</html>
4

2 に答える 2

4

これが初期化呼び出しでsource:[]ツリーを初期化する方法であることに気付いたので、例は次のようになります。$("#tabTree").fancytree()

<html>
<head>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="jquery-ui.custom.js" type="text/javascript"></script>
    <link href="ui.fancytree.css" rel="stylesheet" type="text/css" />
    <script src="jquery.fancytree.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#tree").fancytree({
                onActivate: function (node) {
                    // A DynaTreeNode object is passed to the activation handler

                    // Note: we also get this event, if persistence is on, and the 
                     //  age is reloaded.
                    alert("You activated " + node.data.title);
                },
                source: [ // Pass an array of nodes.
                {title: "Item 1" },
                { title: "Folder 2", isFolder: true,
                    children: [
                        { title: "Sub-item 2.1" },
                        { title: "Sub-item 2.2" }
                    ]
                },
                { title: "Item 3" }
            ]
            });
        });

    </script>
</head>
<body>
    <div id="tree">
    </div>
</body>
</html>

ところで、お気づきの方もいらっしゃると思いますが、コードをリファクタリングしているため、ドキュメントはかなり乱雑です。ドキュメントは、dynatreeとfancytreeの新しい規則から残っているものの半分です。だから、そのようなもっと奇妙なものを期待してください:-)

于 2013-02-20T23:08:50.583 に答える
-1

スクリプトパスは正しいですか？

「jquery.js、jquery-ui.custom.js、ui.fancytree.css、jquery.fancytree.js」をダウンロードしますか？

于 2013-02-14T15:35:09.217 に答える