我有一个使用 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。
有人知道这个问题吗?
最佳答案
如果你有<li data-jstree='{"icon":"fa fa-user fa-2x"}'>
从字面上看在 XSLT 代码中那么我想你想要 <li data-jstree='{{"icon":"fa fa-user fa-2x"}}'>
而是防止 XSLT 引擎将属性值作为属性值模板处理。
关于xml - 带有超棒字体的 jsTree 树中的节点图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20867774/