Question

以下是我配置jsTree插件的方法：

    $(function ()
    {
        $("#FoldersTreeContainer").jstree({
            "core": {
                "animation": 150
            },

            "themes": {
                "rtl": true,
                "theme": "classic",
                "dots": false,
                "icons": true
            },

            "types": {
                "types": {
                    "Normal": {
                        "icon": { "image": "\Content\css\jsTree\default\Folder.png" },
                    },

                    "Legend": {
                        "icon": { "image": "\Content\css\jsTree\default\Legend.png" },
                    }
                }
            },
            "plugins": ["html_data", "themes", "types"]
        });
    });

现在这里是相关的HTML：

<div id="FoldersTreeContainer">
  <ul id="FoldersTree">
    <li rel="Normal"><a href="#" >other</a></li>
    <li rel="Normal"><a href="#" >item1</a></li>
    <li rel="Normal"><a href="" >item2</a></li>
    <li rel="Legend"><a href="#" >item3-legend</a></li>
  </ul>
</div>

我使用＆＃34; rel＆＃34;该类型的<li>标签的属性，但我仍然获得默认文件夹图标..

我做错了什么？

Answer 1

您可能正在使用jstree的 3.x 版本，该版本未考虑rel属性。如果您使用的是3.x版本，可以在此链接中找到更多信息：https://github.com/vakata/jstree/issues/473

JSTree类型插件不使用Rel属性

1 个答案: