下劃線從導航條子鏈接

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'); 
    }); 

});