1

jsTreeをWebアプリケーションに追加しようとしています。jsTreeを作成するクリックイベントをトリガーすると、何も表示されません。Chromium開発ツールでHTMLを調べると、レンダリングされたのは空の順序付けされていないリストタグだけです。誰かが私が間違っていることを知っていますか?

以前のHTML:

<div id="studenttree">
</div>

Jquery / Jstreeコード:

$('#studenttree').jstree({
    'plugins' : ['json_data'],
    'json_data' : {
        'ajax' : {
            'url' : 'fakejax/getdirs.txt',
            'data' : function(n) {
                return {'id' : 'test'};
            }
        }
    }
});

イベントトリガー後のHTML:

<div id="studenttree" class="jstree jstree-0 jstree-focused">
  <ul></ul>
</div>

fakejax / getdirs.txt:

[
  {
    "data" : "test",
    "children" : ["Child 1", "Child 2"]
  }
]

Chromium開発ツールでは、getdirs.txtへのajaxリクエストは表示されないため、リクエストは行われていないと思います。ただし、周囲のconsole.log()ステートメントが出力ボックスに表示されているため、コードのブロックが実行されています。シンプルなものが欠けているような気がします。

4

1 に答える 1

3

別のソースから含まれているjquery.jstree.jsファイルを使用してコードをテストした後、コードが機能していることを発見しました。さらに調査したところ、ダウンロード中にローカルのjquery.jstree.jsファイルが破損していて、適切にレンダリングできなかったことが明らかになりました。

于 2012-07-16T08:50:27.477 に答える