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

Jstree展开后图标变化

The icon change after expand in Jstree

javascript

jstree