настройка активного класса в C# .net masterpage

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 вы должны проверить, если якорь тег щелкнул так класс «активный» будет установлен на его родителей li tag. то есть:

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

Надежды на его работы.