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实现它。

首先在你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中你必须检查是否点击了任何锚标记，这样一个＆＃34;活跃的＆＃34; class将设置为其父li标签。即：

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

希望它的作品。

在c＃.net主页

2 个答案: