添加自定义 class 到 jstree

Question

我需要为jstree中的所有子节点和父节点添加一个class。

尝试了以下代码，但它不起作用。

$('#data').jstree({
        'core' : {
            'data' : [{"text" : "GROUPS","state":{"opened":true}, 
                      "children" : [{ "text" : "USERS", attributes : { class : "desired_node_class" }},{ "text" : "ADMIN"}]}                    
            ]
        }
    });

我做错了什么？这是一个 fiddle http://jsfiddle.net/m6yxhnrg/

有人可以纠正我吗

提前致谢！

Answer 1

试试这个：

element.classList.add("desired_node_class");

Answer 2

您需要按照文档中的说明在 JSON 中使用 li_attr 而不是 attr。这是您更新后的 fiddle： http://jsfiddle.net/m6yxhnrg/1/

我按照您的要求向所有节点添加了 classes - 您必须为每个节点包含 class 数据。

顺便说一句，如果您只是想尝试设置样式，也许最好跳过添加自定义 classes 并使用现有的 CSS classes，它们是每个节点上已经可用：

#data .jstree-node { } /* this is for each LI node */
#data .jstree-anchor { } /* this is for each A node */

添加自定义 class 到 jstree

Add custom class to jstree

php

css

html

jquery-plugins

jstree