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

Question

我在我的 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" 突出显示选定的选项卡。最近我们计划移动到母版页。所以母版页应该包含 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');