3

我正在使用 jstree 插件来搜索节点。它可以工作，当发现默认颜色是非常明亮的蓝色时。您如何将默认颜色更改为其他颜色。

另外，如果没有找到搜索文本，我希望能够向用户显示错误。有什么想法我会怎么做？

function myFunction()
{
$(document).ready(function(){

var value=document.getElementById("search_field").value; 

    $("#search_tree").click(function () { 

        $("#tree").jstree("search",value) 
 }); 

 }); 
}

这是我在节点列表中找到文本时返回的函数。

我想用深蓝色突出显示节点，并将窗口移动到该节点（有时，三个可能太大，需要调整浏览器窗口才能看到突出显示的节点）。对这种类型的脚本语言非常陌生，并感谢任何输入。谢谢。

4

2 回答 2

9

要更改颜色，您只需编辑主题 CSS 文件的第 45 行：

.jstree-default a.jstree-search { color:aqua; }

换成aqua你喜欢的。

于 2013-03-05T20:13:14.383 回答
0

还有一个建议——在 jsTree 的 style.css 文件中，有一堆不同的蓝色用于各种不同的东西。我的网页有深色背景，所以颜色看起来不太好。

为了简化颜色更改，我在 style.css 文件的顶部创建了一些变量，如下所示：

:root {
    --jstree-hover-color: transparent;
    --jstree-clicked-color: #4a4a4a;
    --jstree-search-color: #E0CD1F;
}

然后我用这些变量替换了 CSS 中硬编码的颜色。这样，如果我不喜欢某种颜色，我可以在一个地方更改它并刷新页面以查看它的外观。

在您的情况下，您可以在此处更改搜索结果的颜色（来自 jsTree v3.x）。我注释掉了现有的颜色值，所以我会知道它最初是什么：

.jstree-default .jstree-search {
    font-style: italic;
    /*color: #8b0000;*/
    color: var(--jstree-search-color);
    font-weight: bold;
于 2020-01-07T21:01:36.410 回答