Javascript jstree类型应用不正确

Javascript jstree类型应用不正确,javascript,html,jstree,Javascript,Html,Jstree,我正尝试将jstree主题化一点,使图标更适合我的需要。然而,我似乎无法让类型插件完全工作 创建树: // Create JSTree $('#listbox').jstree({ "types": { "#": { "valid_children": ["floor", "default"], }, "default": { "valid_children": ["default", "fl

我正尝试将jstree主题化一点,使图标更适合我的需要。然而,我似乎无法让类型插件完全工作

创建树:

// Create JSTree
$('#listbox').jstree({
    "types": {
        "#": {
            "valid_children": ["floor", "default"],
        },
        "default": {
            "valid_children": ["default", "floor"],
            "icon": "/WACH%20Graphics/images/building.png"
        },
        "floor": {
            "icon": "/WACH%20Graphics/images/floor.png"
        }
    },
    "plugins": ["search", "wholerow", "types"]
});
我的列表实际上是动态生成的。但是,无序列表的结构类似于以下内容:

<ul>
   <li><a href="building.html">Building 1</a>
      <ul>
          <li rel="floor"><a href="floor.html">Floor1</a></li>
          <li rel="floor"><a href="floor.html">Floor1</a></li>
          <li rel="floor"><a href="floor.html">Floor1</a></li>
      </ul>
   </li>
</ul>
我的默认图标被选中。但我的“地板”型图标从未被选中。相反,所有内容都有默认图标


这是jstree 3.0.0。

jstree开发人员在其Github上给出的答案:

该类型不是从rel属性读取的。试用

<li data-jstree='{ "type" : "floor" }'... 

<li data-jstree='{ "icon" : "icon.png" }'></li>