使用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');