我已经使用 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" ],
});
有什么想法吗?
最佳答案
为了防止有人遇到同样的问题,我终于设法解决了这个问题。我必须将背景设置为透明,否则它会出现在图像上,这就是什么都没有出现的原因。 所以现在函数看起来像:
function changeIcon()
{
$("#li1>a>ins.jstree-icon").css("background", "transparent");
$("#li1>a>ins.jstree-icon").css("background-image", "url(image.png)");
}
关于javascript - jstree 的一个节点的图标更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20997185/