javascript - 如何为剑道菜单中的选定项目应用样式

Question

我正在使用剑道菜单，我正在尝试为菜单中的选定项目应用样式。我试过像

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

在我的情况下没有解决。谁能帮我解决这个问题

Answer 1

没有选择选项的概念。您有一个select事件，但它没有保留selected。所以，你应该自己做。

$("#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;
}

此处的示例http://jsfiddle.net/OnaBai/7bk2h/1/