2014-01-08 27 views
1

我已经使用jstree创建了一个树状结构,并且我想通过单击一个按钮来更改仅一个节点的图标,但不是更改图标,而是图标消失。 我设法创建至今代码:jstree的一个节点的图标更改

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

的函数被调用从一个按钮一个onclick()事件。

我认为,也许是因为图像的路径是错误的(图像是在同一文件夹中创建的树中的PHP文件),但我试图更改图标与相同的“相对”属性的所有项目,并且图标改变了。不知道这是需要的,但可以肯定,这是考验我做到了,所有的文件属性中的项目改变了他们的图标:

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

     }); 

任何想法?

回答

2

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

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