为什么即使在设置中指定我的jstree图标也不会更改

时间:2018-10-06 18:14:21

标签: javascript jquery jstree

我有一个jstree,我想为其使用其他一些图标,而不是默认图标,

我尝试过的是:

在设置中指定为icon的{​​{1}}

types

即使它不起作用

下面是演示(仍然显示文件夹图标):

"types" : {
   "default" : { "icon" : "glyphicon glyphicon-cloud" }
 },
$(function () {
    $('#jstree').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" : "#" }
                    }
                }
            ]
        },
        "types" : {
           "default" : { "icon" : "glyphicon glyphicon-cloud" }
         },
        "plugins" : [ "themes", "json_data", "ui" ]
    });
});

2 个答案:

答案 0 :(得分:1)

您忘记了包含types插件:

"plugins" : [ "themes", "json_data", "ui", "types" ]

此外,它显示为icon should be an object,而不是字符串:

  

您可以设置图标键-它应该是一个由两个对象组成的对象   键-图片(字符串-用作图标的图片的位置)&   位置(字符串-图片的左侧和顶部像素-10像素40像素,仅   使用精灵时非常有用-否则请省略。)

您似乎混淆了当前版本和您的版本v1.0pre的API。

答案 1 :(得分:1)

在这里,此代码与jstree的最新版本一起使用,您应该包括的一件事是对font-awesome的链接,或者如果必须使用glyphicon,则必须包括其库,导致其不自由,因此请使用字体-很棒

EndDate