Question

我正在使用Kendo菜单，我正在尝试为菜单中的所选项目应用样式。我实现了像

$("#menu").kendoMenu({
    select: function (e) {
        // Remove previously selected options for this menu
        $(".k-state-selected", this.element).removeClass("k-state-selected");
        // Select item
        $(e.item).addClass("k-state-selected")
    }
});

.k-menu .k-state-selected> .k-link {
    color: lightcoral;
}

通过上述内容，我可以在菜单中为所选项目应用样式。

现在，

我在每个父项目中都有子项目，当我在菜单中选择子项目时，我想将这些样式应用于父项目。任何人都告诉我该怎么做？

Answer 1

如果您希望播放样式到您选择的节点（类似于您对所选项目的操作），您应该知道这些节点标有CSS类{{ 1}}。

然后我的建议是：

k-state-active

我从任何标记的节点开始删除我使用$("#menu").kendoMenu({ select: function (e) { // Remove previously selected options for this menu $(".k-state-selected", this.element).removeClass("k-state-selected"); $(".ob-selected-ancestor").removeClass("ob-selected-ancestor"); // Select item $(e.item).addClass("k-state-selected") $(".k-state-active", this.element).addClass("ob-selected-ancestor"); } });的样式（在开始之前清除所有内容）。

然后我做的是将这个CSS类（ob-selected_ancestor）添加到ob-selected-ancestor的每个节点。

最后定义此样式，例如：

k-state-active

如何在kendo菜单中选择子项时为parentItem应用样式

1 个答案: