我在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”应用于选定的选项卡,如果是母版页。有人可以帮忙吗?
提前致谢。
答案 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');