保持選項卡在新頁面加載時始終處於活動狀態

Question

現在，我有一個基於選項卡的佈局，當我單擊選項卡並加載新頁面時，在點擊選項卡之前懸停狀態不會在新頁面被加載，並且它默認爲它所設置的原始選項卡。

購買時的模板與我在此嘗試傳達的行爲完全相同（請參閱鏈接）。我目前的工作不是提供的鏈接，而是我所談論的關於不像最初購買的產品那樣執着。

My Page

Answer 1

我不知道這是你指的是什麼，但我的猜測是，當你刷新頁面，而你的「元素」選項卡上，例如，你想讓它選擇「元素」選項卡重新加載。

這樣做的典型方法是通過使用散列標籤和一些JavaScript邏輯。具體來說：您的每個標籤實際上都是<a />標籤，並且當前 - 它們每個都具有href='#'的網址 - 這意味着它們是散列標籤鏈接。但是 - 它們都鏈接到基礎散列。

通常情況下，你會看到每個標籤都有不同的散列引用，它指的是頁面應該處於不同的視圖模式。所以 - 如果URL包含#dashboard，那麼頁面上的javascript知道只要頁面加載，它應該顯示儀表板。另一方面，如果URL包含#elements，那麼它就是應該顯示的「元素」選項卡。

有一些固體插件可以處理這種事情 - 但是沒有對你的用戶界面進行重大改寫（這已經非常時髦了），我建議只是做一點點jQuery來弄清楚散列是什麼，並在加載時檢查它。

查看堆棧溢出問題Retrieve specific hash tag's value from url作爲使用井號標籤的一些方法的示例。

Answer 2

如果你想弄清楚的問題是如何設置製表符來反映頁面的變化，你需要根據加載的URL調整標籤上的「當前」類。通過在HTML視圖中檢查導航元素，可以輕鬆地在瀏覽器控制檯中查看此類。

如果通過服務器代碼添加，類可能會最容易。

的JavaScript（jQuery的），代碼爲您的導航標籤開始於scripts.js中

Answer 3

你的問題是477行，你不及格「當前」類，當新頁面加載的選項卡。因此，如果您點擊第二個，第三個，第四個選項卡，並且頁面重新加載，或者使用類「current」加載新的原始選項卡仍然是第一個選項卡。

您必須手動在每個頁面的基礎上應用「當前」類到每個選項卡，或建立一個邏輯來找出什麼頁你的頁面加載何時填充正確的選項卡類「current 「，實際上這取決於你的實際模板是如何佈置的，它是靜態的，動態的等等。