javascript - 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);
});