使用asp.net母版页突出显示所选的jquery选项卡

时间:2010-01-18 12:19:35

标签: asp.net master-pages jquery-ui-tabs

我在asp.net网站的多个asp.net页面(First.aspx,second.aspx,Third.aspx)中使用jquery选项卡(First,Second,Third),在每个页面中我都在编写ul,李码。 例如,在First.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>

同样在second.aspx,Third.aspx页面中我使用Class =“current”来突出显示所选的tab。最近我们计划移动到Master页面。所以主页面应该包含ul,li代码对于tabs.But问题是,我不明白如何将class =“current”应用于选定的选项卡,如果是母版页。有人可以帮忙吗?

提前致谢。

1 个答案:

答案 0 :(得分: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');