javascript - jstree 的一个节点的图标更改

Question

我已经使用 jstree 创建了一个树状结构，我只想通过单击一个按钮来更改一个节点的图标，但是图标并没有更改，而是消失了。到目前为止我设法创建的代码:

    function changeIcon()
    {
        $("#li1>a>ins.jstree-icon").css("background-image", "url(image.png)");
    }

该函数在按钮的 onclick() 事件中被调用。

我认为可能图片的路径是错误的(图片与创建树的 php 文件位于同一文件夹中)，但我尝试更改具有相同“rel”属性的所有项目的图标，并且图标改变了。不确定是否需要这样做，但可以肯定的是，这是我所做的测试，所有具有文件属性的项目都更改了它们的图标:

    $("#test").jstree({
           "types" :{ "types" :{
                "file" : { "icon" : { "image" : "image.png" }}
           } },
            "plugins" : [ "themes", "html_data", "dnd", "ui", "types", "crrm" ],

        });

有什么想法吗？

Answer 1

为了防止有人遇到同样的问题，我终于设法解决了这个问题。我必须将背景设置为透明，否则它会出现在图像上，这就是什么都没有出现的原因。所以现在函数看起来像:

    function changeIcon()
    {
        $("#li1>a>ins.jstree-icon").css("background", "transparent");
        $("#li1>a>ins.jstree-icon").css("background-image", "url(image.png)");
    }