【问题标题】:Change jstree small triangles icons when open and close nodes打开和关闭节点时更改jstree小三角形图标
【发布时间】:2016-12-01 15:07:51
【问题描述】:

我正在尝试更改 jstree 中的小三角形图标 (https://www.jstree.com/)

我找到了这段代码:

.on('open_node.jstree', function (e, data) { data.instance.set_icon(data.node, "glyphicon glyphicon-minus"); 
.on('close_node.jstree', function (e, data) { data.instance.set_icon(data.node, "glyphicon glyphicon-plus"); });

但这会改变主图标。我只想将小三角形图标更改为加号和减号,而不是默认的“白色”和“黑色”三角形。

我尝试了很多东西,但没有任何帮助。

【问题讨论】:

    标签: javascript css jstree


    【解决方案1】:

    通过检查树可以看到,这些图像实际上是一个独特的图像,由 background-position 处理。

    为了能够自定义箭头图标,您应该使用图像编辑器编辑主题图像,并将箭头替换为您喜欢的图标

    【讨论】:

    • 添加图片时,请确保它在帖子中而不是链接中可见。谢谢。
    • 我知道。他们正在使用精灵表,但我找不到这个精灵表。它在他们服务器上的某个地方,我正在通过 cdn 使用他们的 css。因为如果我从他们的 cdn 制作一个 css 文件,我就没有 spritesheet。
    • @user3027778 我相信您不能通过加载它们是 cdn 文件来做到这一点,您应该使用本地副本来替换该图像。或者你必须有一个用你自己的 CSS 覆盖所有背景图像的 CSS。
    • 我只会使用你的图片。我拿了css代码并将其重新格式化为我的webstorm,所以现在我在本地拥有css并更改了图像现在只需用我的图标更改即可。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-04-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多