当 select 同一节点时，在 kendo 树视图中，removeClass 之后的 AddClass 不起作用

Question

你好，我有一个 kendoTreeView，我希望同一个 selected 节点中的点击触发一个动作，所以在事件更改中我使用了这段代码

change : function(e) {

                        $("#DT-DICT-treeview").data("kendoTreeView").select()
                                            .find("span.k-state-selected")
                                            .removeClass("k-state-selected");
                                }

它工作正常，但 selected 节点的背景变得透明所以我添加了一个 class，它具有与 selected 节点相同的 CSS，并在每次更改时添加。它对第一个 select 有效，但对第二个无效。请帮忙

这里有一个关于 jsfiddle

的例子

制作这个问题的步骤

1) select 节点 DT1 : 它变成蓝色

2) select 节点 DT2 : DT1 变为正常 DT2 变为蓝色

3) select 节点 DT1：不再工作

请帮忙

Answer 1

您通过手动删除 k-state-selected class 破坏了插件的行为。覆盖样式并单独保留 他们的 选择 class :)

http://jsfiddle.net/TrueBlueAussie/syg9746k/1/

例如自定义样式以针对特定的附加 class:

.k-treeview .k-in.k-state-selected.k-selected-treeView-active {
    background-color: #428bca;
    color: #fff;
    background-image: none;
}

使用 Chrome 查看树节点上用于 border、hover 等的特定选择器，并添加您自己的 CSS 样式，其中包括 .k-selected-treeView-active，这样他们就更具体了。

当 select 同一节点时，在 kendo 树视图中，removeClass 之后的 AddClass 不起作用

AddClass after removeClass don't work in kendo tree view when select same node

javascript

css

jquery

kendo-treeview