xml - 带有超棒字体的 jsTree 树中的节点图标

Question

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

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

我想放置 font-awesome 的图标为了根和 child 。 Here在下面和示例中解释了如何使用 Bootstrap 来做到这一点:

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

我试过这样做:

<li data-jstree='{"icon":"fa fa-user fa-2x"}'>

这是浏览器告诉我的错误:

Invalid character (:) in expression "icon":"fa fa-user fa-2x"

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

有人知道这个问题吗？

Answer 1

如果你有<li data-jstree='{"icon":"fa fa-user fa-2x"}'>从字面上看在 XSLT 代码中那么我想你想要 <li data-jstree='{{"icon":"fa fa-user fa-2x"}}'>而是防止 XSLT 引擎将属性值作为属性值模板处理。