JsTree呈现为空<ul>标签

JsTree renders empty <ul> tag

本文关键字：ul gt 标签 lt JsTree      更新时间：2023-09-29

我正在尝试将jsTree添加到我的Web应用程序中。当我触发创建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（）语句时，代码块正在执行。我觉得我错过了一些简单的东西。

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

相关文章：