javascript - 如何使用 jquery 在 js 树中追加数据？

Question

我在jquery中找到了一个js树的例子？在此用户可以在选择后在其中添加新数据 行。 在这里http://jsfiddle.net/fuu94/

但是当我删除所有行(从标记中删除 ul 和 li)并从第一个开始制作时，它不起作用，为什么？

http://jsfiddle.net/fuu94/1/

$('#tree').jstree({
    "core": {
        "check_callback": true
    },
    "plugins": ["dnd"]
});

$('button').click(function () {
    var ref = $('#tree').jstree(true),
        sel = ref.get_selected();
    if (!sel.length) {
        return false;
    }
    sel = sel[0];
    sel = ref.create_node(sel);
    if (sel) {
        ref.edit(sel);
    }

});

Answer 1

根据jstree文档

“所需的最少标记是一个 < ul > 节点，其中包含一些嵌套的 < li > 节点，其中包含一些文本。”

-> http://www.jstree.com/docs/html/

只要您使用 UL 和 LI 制作菜单，它就会为您完成剩下的工作(如创建树)。

所以基本上，如果您从 LI 和 UL 节点中删除文本并制作自己的文本，复制结构，您可以制作如下内容:

-> http://jsfiddle.net/fuu94/3/

但最低要求是这样的:

<ul>
    <li></li>
</ul>

如果您想使用子菜单，请添加以下菜单之一:

    <li> Title Here
        <ul>
            <li></li>
            <li></li>
        </ul>
    </li>