jquery - 如何通过设置 jsTree 中的 "li"和 "a"DOM 元素的类来格式化它们?

标签 jquery jstree

基本上,我有一个 jsTree,我需要通过以下方式格式化它的 lia DOM 元素向每种类型添加自定义类。文档不清楚如何执行此操作,据我所知,无法添加自定义类,任何格式都必须通过覆盖 jquery 主题或编辑 jsTree 源代码来实现。我可以在 JSON 数据中执行此操作,或者更有效地在声明“类型”时执行此操作,如此处示例所示:

            $("#container").jstree({
                "plugins" : ["themes", "json_data", "ui", "themeroller", "types"],
                "json_data" : {"data": my_json_data},
                "core" : { 
                    "initially_select" : [ init_id] 
                },
                "types" : {
                    "valid_children" : [ "test_type" ],
                     "types" : {
                        "test_type" : {
                            "valid_children" : [ "default", "test_type" ],
                            "icon" : { "image" : "/includes/icon.gif"}
                        }
                    }
                },
                "themes" : {
                    "dots" : true,
                    "icons" : true
                }
            });

最佳答案

如果您想在 JSON 响应中执行此操作,这对我有用:

{ 
  "attr": { "class": "some-class1", "id": "node_1" },
  "data": { 
    "attr": { "class": "some-class2", "href": "", "title": "node title" }
  }
}

第一个attr指的是<li>标签,第二个 attr (内部数据)指的是 <a>标签。

关于jquery - 如何通过设置 jsTree 中的 "li"和 "a"DOM 元素的类来格式化它们?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8652276/

相关文章:

jquery - 仅运行事件触发函数一次

jquery - 我如何获取在 iPad 和移动网站上使用 RWD 图像 map 的代码?

javascript - jstree中父节点 checkin

javascript - 在检查事件中获取 jstree 中的所有选定节点?

javascript - 使用 JSON 填充 jstree

javascript - jQuery 单击事件在尝试忽略某些子项时会出现问题

javascript - Meteor + Bootstrap - 警报已关闭。bs.alert 未触发

javascript - 使用 jQuery 从下拉列表(选择框)中获取选定的 id

javascript - jstree 委托(delegate)中意外创建多个实例

javascript - 如何在没有清除jstree默认点击事件的情况下触发点击事件