来自导航栏的子链接下划线

Question

我正在制作一个小网站。当导航栏中的链接处于活动状态时，链接上会显示下划线。这里是“Formidling”活跃：[示例网站] [1]。问题是，当我点击左侧边栏中的fx：“Kurser”时，下划线就会消失。

我希望当您点击侧边栏中的子菜单时，下划线会留在菜单栏中。

我尝试使用以下代码解决此问题，但我认为我的方法错了？

.current-menu-item {
     text-decoration: underline !important;
}

a:active {
    color: #993366;
    text-decoration: underline;
    outline: 0;
}

Answer 1

将以下内容添加到您的js。

我在此处执行的操作是将点击事件添加到每个侧边栏链接，点击后，从所有侧边栏链接中删除课程current-menu-item，然后将此current-menu-item课程添加到您点击的课程中。

$(document).ready(function() {

  $('.content-sidebar-wrap a').click(function() {
    $('.content-sidebar-wrap a').removeClass('current-menu-item');
    $(this).addClass('current-menu-item');
  });

});