jsTree不使用“内联”json数据进行渲染

Question

我已经和jsTree打了好几天了。 这很简单但没有任何事情发生。 这是脚本：

$(document).ready(function () {

$("#TreeView2").jstree({
    "json_data": {
        "data": [{
            "data": "A node",
                "metadata": {
                id: 23
            },
            "children": ["Child 1", "A Child 2"]
        }, {
            "attr": {
                "id": "li.node.id1"
            },
            "data": {
                "title": "Long format demo",
                "attr": {
                    "href": "#"
                }
            }
        }]
    },
    "plugins": ["themes", "json_data", ]
}).bind("select_node.jstree",

function (e, data) {
    alert(data.rslt.obj.data("id"));
});
});

直接向前和向右走出书。 这是标记结果：

<div id="TreeView2" class="jstree jstree-1 jstree-default">
     <ul></ul>
</div>

什么都没有呈现，但div容器上的类。 如果我从ajax帖子中检索json数据，则相同。 没有。 甚至没有ajax帖子在我的控制台中注册。 也没有错误。 如果我使用内联html标记作为数据源运行它，该插件可以工作。 与现有标记一样。

该脚本位于document.ready函数中。 开头的标记只是一个带ID的div。 所有插件脚本都正确加载。 我究竟做错了什么？

Answer 1

更改脚本以运行onLoad.

小提琴： http ： //jsfiddle.net/9wBET/

Answer 2

事实证明，jstree文档，除了非常弱，有时不存在，其纯粹过时的虚假信息和非常错误。 问题中的示例来自他们的文档/示例。 我不得不完全改写整个事情。 jstree甚至没有呈现的主要原因是缺少多个插件，如“ui”和“types”。 我基本上从10个不同的站点和指南中找到了有关如何使用动态json数据等的信息。