我的導航欄中的鏈接在活動時未顯示爲「當前」

我對水平導航欄中的活動/當前鏈接使用不同的背景顏色。點擊鏈接並打開特定頁面時，應該顯示不同的顏色（如'主頁'鏈接），但不會發生。我的導航欄中的鏈接在活動時未顯示爲「當前」

請幫忙。我希望我已經清楚地描述了自己。該網站是：http://www.successrealization.com

我想要的例子： - 在我的另一個網站http://healthsewa.org/my-site/portfolio.html，它正在正確地發生，我想要的方式。我不知道如何。代碼幾乎相同。

似乎並沒有爲其他鏈接正確設置'class =「current」「 –

無需從」主頁「選項卡導航時出現的彈出窗口可能不是必需的。它不會出現在任何其他選項卡上。你的網站工作得很好，所以我就提到那個彈出的道歉窗口可能是不必要的，並且造成比它值得的更多的煩惱。只是一個建議，而不是投訴，好嗎？ –

相似但不重複的問題http://stackoverflow.com/questions/11382664/css-how-to-change-colour-of-active-navigation-page-menu接受的答案可能會有助於您的具體查詢。 –

我認爲你正在尋找的是一個頁面檢測它的「標籤」的方式。這不會奇蹟般地發生。您需要以某種方式保存點擊的選項卡，以便在回發選定的選項卡並設置爲當前或活動狀態之後。

如果您只是擔心現代瀏覽器，可以使用localStorage來實現。你也可以用cookie來做到這一點。

這裏設置變量與localStorage的示例：

localStorage.setItem('tab', 'set ur tab index etc here');

點擊選項卡時，您會做以上。在頁面加載時，你會反過來得到標籤索引。

localStorage.getItem('tab');

使用jQuery或js根據您設置/獲取的索引設置活動選項卡。

編輯：設置一個jsfiddle，如果你願意，我會完成這個例子。

2013-05-20 01:16:28 origin1tech

嘿！在這個例子頁面 - [鏈接]（http://healthsewa.org/my-site/portfolio.html）它沒有任何cookie或本地存儲設置。我不知道它在那裏發生了什麼。它幾乎是相同的代碼。 –

目前我無法調查，但通常它是以下cookie，localStorage，會話變量，單頁網站之一。在一個單一的網站，它不回發，所以你可以將它存儲在一個普通的ol'js var。 – origin1tech

您可以刪除家庭班級電流併爲您點擊的選項卡添加班級當前班級。比如當你點擊時關於 --->將當前類添加到該錨標記中，並且首頁 --->從錨標記中移除類當前。

您可以使用addClass和removeClass方法來動態添加和刪除類。

2013-05-20 15:11:24 Rajagopal

回答