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()ステートメントが出力ボックスに表示されているため、コードのブロックが実行されています。シンプルなものが欠けているような気がします。