jQuery Li Active刷新：使用active類更改活躍的列表項

$('ul li').click(function() {
$('ul li.active').removeClass('active');
$(this).addClass('active');
});

當我們在一個網站中創建一個具有列表的導航時，顯示哪個頁面是當前頁面是非常重要的。這是讓用戶知道他們現在在哪里的一種方式，也是提供一種有關網站結構的視覺暗示的方式。使用一個.active"類是顯示當前活躍列表項的一個好方法。

上面的代碼片段可以實現以下操作：

• 當用戶單擊列表中的項時，點擊的項現在被標記為活動
• 以前標記為活動的項目現在已被清除

這就是你需要的全部！

實際上，這個主題比它看起來要復雜一些，因為你需要將這段代碼添加到涉及導航的每一個頁面上。當然，你可以將此代碼添加到一個JavaScript文件中，并在每個頁面上鏈接到它。這個文件可以被稱為navigation.js， 或者類似的名字。這樣，當你需要對導航這個功能進行更改時，只需要更改這個JavaScript文件即可。

此外，你還可以通過改變active類的樣式來修改活動列表項的外觀。嘗試使用一些不同的顏色，邊框等來使活動的列表項更加明顯。這將有助于用戶更好地理解網站的結構。

所以，只需簡單地添加.active"類，并使用jQuery代碼將其添加到您的導航中。這將使您的導航看起來更專業和易于使用。祝您好運！