Question

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

但是当我删除所有行（从标记中移除ul和li）并从头开始制作时它会起作用吗？

$('#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文档

＆＃34;所需的最小标记是＆lt; ul＆gt;一些嵌套的节点＆lt; li>里面有一些文字的节点。＆＃34;

- ＆GT; http://www.jstree.com/docs/html/

只要您使用UL和LI制作菜单，就应该为您完成剩下的工作（如创建树）。

所以基本上，如果你从LI和UL节点中删除文本并制作自己的文本，复制结构，你可以做这样的事情：

- ＆GT; http://jsfiddle.net/fuu94/3/

但最低要求是：

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

如果您想使用子菜单，请添加其中一个：

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

如何使用jquery在js树中添加数据？

1 个答案: