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

Question

我在我的 asp.net 网站的多个 asp.net 页面（First.aspx、second.aspx、Third.aspx）中使用 jquery 选项卡（第一、第二、第三），并且在每个页面中我都编写 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>

类似地，在 secondary.aspx、Third.aspx 页面中，我使用 Class="current" 来突出显示所选选项卡。最近我们计划移动到母版页。所以母版页应该包含选项卡的 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');