2

我在我的 asp.net 网站的多个 asp.net 页面(First.aspx、second.aspx、Third.aspx)中使用 jquery 选项卡(First、Second、Third),并且在每个页面中我都在编写 ul、li 代码。例如,在 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" 突出显示选定的选项卡。最近我们计划移动到母版页。所以母版页应该包含选项卡的 ul、li 代码.但问题是我不明白如何将 class="current" 应用于所选选项卡,在母版页的情况下。有人可以帮忙吗?

提前致谢。

4

1 回答 1

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');
于 2010-01-18T14:38:36.037 回答