使用asp.net母版頁高亮選中的jquery選項卡頁面

Question

我在asp.net中的多個asp.net頁面（First.aspx，second.aspx，Third.aspx）中使用jquery選項卡（第一，第二，第三）網站，並在每一頁我正在寫ul，li代碼。 例如在First.aspx頁，我在寫second.aspx以下代碼「UL」標籤內

<li class="current"><a href="#First">First tab</a></li> 
<li><a href="Second.aspx">Second tab</a></li> 
<li><a href="Third.aspx">Third tab</a></li> 

同樣，Third.aspx頁我使用的是類=「當前」要突出最近我們已經計劃移動到母版頁。所以母版頁應該包含標籤的ul，li代碼。但問題是，我不知道如何將class =「current」應用到選定的選項卡，在母版頁的情況下。請有人請幫忙？

在此先感謝。

Answer 1

在您的母版頁中編寫一個JavaScript函數以在選項卡上設置當前類。然後每個頁面可以在加載它時調用該函數來設置當前頁面。

是這樣的：

<li id='tab1'><a href="#First">First tab</a></li> 
<li id='tab2'><a href="Second.aspx">Second tab</a></li> 
<li id='tab3'><a href="Third.aspx">Third tab</a></li> 


function setCurrentTab(selectedTab) { 
    $('li').removeClass('selected'); 
    $('[id=selectedTab]').addClass('selected'); 
} 

和在Second.aspx，例如：

setCurrentTab('tab2');