在 c#.net 母版页中设置活动类

Question

<div id="navigation"> 
   <ul class="nav nav-pills">
      <li role="presentation"><a href="Default.aspx">Home</a></li>
      <li role="presentation"><a href="open-account.aspx">Open Account</a></li>
      <li role="presentation"><a href="atm_authenticate.aspx">ATM</a></li>
      <li role="presentation"><a href="#">Branch Locator</a></li>
      <li role="presentation"><a href="#">Contact US</a></li>
   </ul>
</div>

我想根据访问的链接在 li 标签中设置活动类，我已经尝试了 Stackoverflow 的几个答案，但在我看来都没有工作。

供您参考，我正在使用 Bootstrap、C#、Visual Studio 进行开发。

Answer 1

您的元素应如下所示（在 master.page 中）：

<li role="presentation" id="liDefault" runat="server"><a href="Default.aspx">Home</a></li>

public String linkDefault
{
    get 
    {
        return "not_active";
    }
    set
    {
        liDefault.Attributes.Add("class", "" + value + "");
    }
}

然后在内容页面的头部添加以下内容：

<%@ MasterType VirtualPath="~/MasterPage.master" %>

以及内容页面背后的代码：

this.Master.linkDefault = "active";

Answer 2

您可以使用 Jquery 来实现它。

首先在you li标签中的所有锚标签上设置单个类，即：

<div id="navigation"> 
   <ul class="nav nav-pills">
      <li role="presentation"><a href="Default.aspx" class="link">Home</a></li>
      <li role="presentation"><a href="open-account.aspx" class="link">Open Account</a></li>
      <li role="presentation"><a href="atm_authenticate.aspx" class="link">ATM</a></li>
      <li role="presentation"><a href="#" class="link">Branch Locator</a></li>
      <li role="presentation"><a href="#" class="link">Contact US</a></li>
   </ul>
</div>

现在在 jquery 中，您必须检查是否单击了任何锚标记，以便将“活动”类设置为其父 li 标记。即：

$(".link").click(function(){
   $(this).parent().addClass("active");
})

希望它的作品。