更新導航無需重新加載

Question

我正在尋找一個簡單的方法來交換我的導航的活動狀態（顏色），不需重新加載頁面。

1. 當按下一個按鈕NAV這應該發生。本質上它應該將其狀態更改爲活動狀態，並將所有其他按鈕更改爲非活動狀態。
2. 我是jquery的新手，但看起來似乎有一個簡單的解決方案。如果有的話我確定沒有碰到它。

Answer 1

我相信這個答案會是平凡的你自己放在一起，但無論如何... .click()和.addClass()將做到這一點。

$('nav a').on('click', function() { 
    $('nav a') 
    .removeClass('active') 
    .filter(this) 
    .addClass('active'); 
}); 

CSS

a.active { 
    color: #ff0000; 
}