在Jstree中展开后图标会发生变化

Question

我有来自font awesome的图标。

<li data-jstree='{"icon":"fa fa-envelope-o"}'>
    <span id="id">Description</span>
    <ul>
        <li data-jstree='{"disabled":true}'>
        <span id="id">Documents</span>
       </li> 
    </ul>
</li>

当我打开节点时，图标会变为原始状态。

我只有'fa fa-envelope-o'的问题，如果我像'fa fa-envelope-open-o'那样测试它的工作。

谢谢。

Answer 1

我找到了这个解决方案，也许有更好的方法。

$('#TreeId').on("close_node.jstree", function (e,data) {    
    setTimeout(function(){
    $("#" + data.node.id).find('i').eq(1).removeClass('fa-minus-circle fa-plus-circle');        
    }, 1);
});