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 回答