標籤菜單：更改哪個標籤專注於頁面加載？

在this page的底部，我有一個標籤菜單。它可以工作，但我們需要第二個選項卡在頁面加載時專注於「當前版本」，而不是第一個（「以前的版本」）。標籤菜單：更改哪個標籤專注於頁面加載？

我試過不同的東西（第012頁的li增加了class="active"），但迄今爲止沒有成功。

任何人都知道如何做到這一點？

2011-09-01 chaser7016

這可能是一般更好地做到這一點的服務器上，但如果你是一個客戶端解決方案確定（因爲這個問題被標記jQuery的），你可能只是這樣做：

$(function() { 
    $('ul .current-release').click(); 
});

來源

2011-09-01 12:45:52 jmar777

真棒JMAR，這是簡單的解決方案，我正在尋求！ – chaser7016

也許你可能有解決方案或建議在那裏的圖像翻轉？當它們處於活動狀態或懸停狀態時，它們需要像我頂部的導航菜單一樣。再次感謝！ – chaser7016

在您的CSS中，您可以嘗試如下所示：'.active .current-release，.current-release：hover {background_ image：url（「../ images/current-release-active-trans.png」） ; }當然，您也需要爲每個其他標籤鏈接。 – jmar777

首先，您應該瞭解第一個選項卡的對焦方式。有active類li元素或在裏面的一些其他元素？

其次你應該看看是否有任何客戶端腳本在工作或沒有？一些基於標籤的系統（如Telerik Tabs）使用Cookie和客戶端JavaScript來關注當前選項卡。

第三，您應該看看該選項卡是否未從服務器突出顯示並聚焦。有時儘管有所有的客戶端嘗試，服務器在幕後做了一些事情。（當然，這隻有在你沒有編寫服務器端代碼時纔有意義）。

來源

2011-09-01 12:46:07

我剛剛意識到你沒有使用jQuery UI選項卡。我認爲你應該認真考慮切換到它。它讓你的生活變得更輕鬆。看看演示：http://jqueryui.com/demos/tabs/。

一旦你使用jQuery UI選項卡，你可以簡單地啓動標籤與selected選項：

$("#tabs").tabs({ selected: 1 });

來源

2011-09-01 12:46:11

他沒有使用jQueryUI選項卡 - 只是javascript.js文件中的一個小腳本。 – jmar777

是的，我意識到，經過第二次看，因此更新的答案:) –

標籤菜單：更改哪個標籤專注於頁面加載？

回答

相關問題