Question

我正在尝试将jsTree添加到我的webapp中。当我触发创建jsTree的click事件时，不会出现任何内容。如果我在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文件在下载过程中已损坏，无法正确呈现。

JsTree呈现空<ul>标记</ul>

1 个答案: