单击 jstree 时更改图标

我有使用 jstree 插件的代码。

$(".gems-tree").on('changed.jstree' , function( event , data ){
  console.log("folder clicked");
});

它可以工作，但现在我想将文件夹的图标更改为关闭以打开，有没有办法实现此目的？

NOTE

已经尝试过data.node.state.opened = true只是为了看看文件夹图标是否改变但没有。

如果您需要更改每个选定节点的图标，Adnan Y 的答案将起作用（只需确保data.action is "select_node"):

$("#jstree2").on('changed.jstree', function(evt, data) {
  if(data.action === "select_node") {
    data.instance.set_icon(data.node, 'http://jstree.com/tree-icon.png');
  }
});

如果您需要对节点打开和关闭做出反应，请使用类似的代码：

$("#jstree2")
  .on('open_node.jstree', function(evt, data) {
    data.instance.set_icon(data.node, 'http://jstree.com/tree-icon.png');
  })
  .on('close_node.jstree', function(evt, data) {
    data.instance.set_icon(data.node, true);
  });

在第二个示例中，图标设置为true- 这会将其恢复为默认图标（如果这是您需要的）。