javascript - JsTree 呈现空 <ul> 标签

Question

我正在尝试将 jsTree 添加到我的网络应用程序中。当我触发创建 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() 语句出现在输出框中。我觉得我缺少一些简单的东西。

Answer 1

在测试我的代码后，使用从另一个来源包含的 jquery.jstree.js 文件，我发现代码有效。经过进一步调查，很明显我的本地 jquery.jstree.js 文件在下载过程中已损坏，无法正确呈现。