javascript - 保持活动菜单项突出显示

Question

我将如何使在菜单中单击的项目保持蓝色突出显示。所以基本上是活动菜单项。

小提琴

我试过使用 css active，但我认为我需要 javascript 或其他东西。

 #cssmenu > ul li > a:active, #cssmenu > ul li:active > a {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    background: #54cdf1;
    background: -webkit-linear-gradient(#72d4f2, #54cdf1);
    background: -moz-linear-gradient(#72d4f2, #54cdf1);
    background: linear-gradient(#72d4f2, #54cdf1);
    border-color: transparent;
}

Answer 1

为此，您将需要一些 JS。

$(document).ready(function() {
    $("#cssmenu li").on("click", function() {
        $("#cssmenu li").removeClass("active");
        $(this).addClass("active");
    });
});

然后只需#cssmenu li.active在 CSS 中按照您想要的方式设置样式即可。