jquery - 使用 Ajax 动态加载多个 JsTree

Question

我想执行一个简单的搜索，返回一个 JSON 数据对象数组，这些对象会变成 jsTrees。

我已经剥离并删除了与问题无关的部分代码（主题、格式等）。

HTML页面：

Results:

<div id="results"></div>

Javascript：

$.ajax({
    url: "/getJsonData", 
    dataType: "json",
}).done(function( data ) {

    var newData;

    $.each(data, function(index, value) {

        newData += '<div id="tree' + index + '"></div>';

        $('#tree' + index).jstree({
            "json_data" : v,
            "plugins" : \[ "themes", "json_data" \]
        });
    }

    $('#results').html(newData);

}

典型的搜索会产生如下内容，用户可以与之交互：