Xml jsTree树中的节点图标，字体为

我有一个使用jsTree的树结构，如下所示：

<div id="jstree">
        <ul>
           <li>Root 1
             <li> Child 1</li>  
           </li>   
        </ul>
</div>

$('#my-tree').jstree({
    // --
    // your options 
    // --
}).on('open_node.jstree', function(e, data){
    $(".jstree-icon.jstree-themeicon").removeClass("jstree-icon jstree-themeicon").addClass("fa fa-users");
}).on('loaded.jstree', function(e, data) {
     $(".jstree-icon.jstree-themeicon").removeClass("jstree-icon jstree-themeicon").addClass("fa fa-users");
});

根1
儿童1

我想把根和孩子们的图标。下面和示例说明了如何使用引导进行此操作：

 <li data-jstree='{"icon":"glyphicon glyphicon-leaf"}'>Child</li>

这就是浏览器告诉我的错误：

表达式“icon”：“fa用户fa-2x”中的字符（：）无效

我还应该提到，我正在使用XML和XSL

---

有人知道这个问题吗？

如果您在XSLT代码中有

以防止XSLT引擎将属性值作为属性值模板进行处理。

您可以使用以下设计：

<div id="jstree">
<ul>
  <li data-jstree='{"opened":true,"icon":"fa fa-folder-open"}'>Accounts
    <ul>
      <li data-jstree='{"icon":"fa fa-folder"}'>Account 1
      <ul>
        <li data-jstree='{"icon":"fa fa-file"}'>File 1</li> 
        <li data-jstree='{"icon":"fa fa-file"}'>File 2</li> 
      </ul>
      </li>
      <li data-jstree='{"icon":"fa fa-folder"}'>Account 2
      <ul>
        <li data-jstree='{"icon":"fa fa-file"}'>File 1</li> 
        <li data-jstree='{"icon":"fa fa-file"}'>File 2</li> 
      </ul>
      </li>
    </ul>
  </li>
</ul>
</div>

---

还可以在加载树后以及节点打开时添加要与FA一起使用的类，如下所示：

<div id="jstree">
        <ul>
           <li>Root 1
             <li> Child 1</li>  
           </li>   
        </ul>
</div>

$('#my-tree').jstree({
    // --
    // your options 
    // --
}).on('open_node.jstree', function(e, data){
    $(".jstree-icon.jstree-themeicon").removeClass("jstree-icon jstree-themeicon").addClass("fa fa-users");
}).on('loaded.jstree', function(e, data) {
     $(".jstree-icon.jstree-themeicon").removeClass("jstree-icon jstree-themeicon").addClass("fa fa-users");
});

---

但对我来说，虽然我使用json流，但如果我们使用json数据作为树而不是HTML标记，我们如何实现这一点？