Javascript 为什么我的jstree图标即使在设置中指定了它也没有更改
我有一个Javascript 为什么我的jstree图标即使在设置中指定了它也没有更改,javascript,jquery,jstree,Javascript,Jquery,Jstree,我有一个jstree，我想为它使用一些其他图标，而不是default图标 我尝试的是： 在设置中将图标指定为类型 "types" : { "default" : { "icon" : "glyphicon glyphicon-cloud" } }, 即使它不起作用 下面是演示（仍显示文件夹图标）： $（函数（）{ $（'#jstree'）.jstree({ “json_数据”：{ “数据”：[ { “数据”：“一个节点”， “元数据”：{id:23}， “儿童”：[“儿童1”，“儿童
jstree图标指定为类型
"types" : {
"default" : { "icon" : "glyphicon glyphicon-cloud" }
},
即使它不起作用
下面是演示（仍显示文件夹图标）：
$（函数（）{
$（'#jstree'）.jstree({
“json_数据”：{
“数据”：[
{
“数据”：“一个节点”，
“元数据”：{id:23}，
“儿童”：[“儿童1”，“儿童2”]
},
{
“attr”：{“id”：“li.node.id1”}，
“数据”：{
“标题”：“长格式演示”，
“attr”：{“href”：“#”}
}
}
]
},
“类型”：{
“默认值”：{“图标”：“图标云”}
},
“插件”：[“主题”、“json_数据”、“ui”]
});
});
您忘记包含类型
插件：
"plugins" : [ "themes", "json_data", "ui", "types" ]
此外，它会出现，而不是字符串：
您可以设置一个图标键-它应该是一个由两个图标组成的对象
键-图像（字符串-用作图标的图像的位置）&
位置（字符串-图像的左侧和顶部像素-仅10px 40px）
使用精灵时很有用-否则忽略）
看起来您混淆了当前版本和您的版本的API，v1.0pre
在这里，这段代码适用于最新版本的jstree。您应该包括到font awesome的链接，或者如果您必须使用glyphicon，则必须包括其库，因为它不是免费的，所以请使用字体awesome
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jsTree test</title>
<!-- 1 load Font-awesome css>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- 2 load the theme CSS file -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
</head>
<body>
<!-- 3 setup a container element -->
<div id="jstree">
</div>
<!-- 4 include the jQuery library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<!-- 5 include the minified jstree source -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<script>
$(function () {
$('#jstree').jstree({
"core" : {
"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" : "fa fa-cloud" }
},
"plugins" : [ "themes", "json_data", "ui", "types"]
});
});
</script>
</body>
</html>
jsTree测试
$（函数（）{
$（'#jstree'）.jstree({
“核心”：{
“数据”：[
{
“数据”：“一个节点”，
“元数据”：{id:23}，
“儿童”：[“儿童1”，“儿童2”]
},
{
“attr”：{“id”：“li.node.id1”}，
“数据”：{
“标题”：“长格式演示”，
“attr”：{“href”：“#”}
}
}
]
},
“类型”：{
“默认值”：{“图标”：“fa-fa-cloud”}
},
“插件”：[“主题”、“json_数据”、“ui”、“类型”]
});
});
试过了，但不起作用，我错过了什么请告诉我，这是fiddle我试过你的代码但树没有出现，请看fiddle这里甚至包括最新的jstree
cdn，如果它解决了你的问题，请标记它已回答。