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

Question

我在我的 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" 应用于所选选项卡，在母版页的情况下。有人可以帮忙吗？

提前致谢。

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');