활성 탐색 메뉴 설정

asp.net으로 처음으로 부트 스트랩 3을 사용하고 있습니다. 이 경우활성 탐색 메뉴 설정

<ul class="nav nav-pills"> 
    <li class="active"><a href="#">Home</a></li> 
    <li><a href="#">Profile</a></li> 
    <li><a href="#">Messages</a></li> 
</ul>

내가 알고 싶습니다 : 난 당신이 단순히과 같이, "클래스 = '활성'"당신이 원하는 어느 탐색 피임약은 선택에 추가 기본 탐색 알약 메뉴있어 어떤 LI가 활성 클래스가되는지 설정하는 가장 좋은 방법. 나는 일하는 해결책을 가지고 있지만 그것이 clunky라고 느낀다. 마크 업 코드에서

, 내가 리터럴 사용하고 있습니다 :

public String NavHomeItem = ""; 
public String NavProfileItem = ""; 
public String NavMessagesItem = ""; 

private void SetNavigationHtml() 
{ 
    var url = Page.Request.Url.AbsolutePath; 
    switch (url.ToLower()) { 
     case "/profile.aspx": 
      NavProfileItem = "class=\"active\""; 
      break; 
     case "/messages.aspx": 
      NavMessagesItem = "class=\"active\""; 
      break; 
     default: 
      NavHomeItem = "class=\"active\""; 
      break; 
    } 
}

는보다 전문적인 있는가 다음에서

<li <%=NavHomeItem%> id="HomeItem" ><a href="Default.aspx">Home</a></li> 
<li <%=NavProfileItem%> id="ProfileItem"><a href="Profile.aspx">Profile</a></li>

을 코드 숨김, 나는 페이지가 요청 된 기반으로 문자를 설정 이걸 처리하는 방법? 어떤 아이디어라도 열어 라.

출처

2014-01-26 Tyrone

매우 간단한 해결책 인 모든 프로젝트에서 수행하는 작업은 모든 최상위보기의 페이지에 있습니다. 즉, '집', '프로필'과 같이 간단한 JQuery 만 있으면됩니다. 활성으로 특정 약을 설정 조각, 그 라인을 따라 뭔가 :.

$ ("#의 HomeItem") addClass ("활성")

그런 식으로, 활성 알약 설정이 완료 완전히 클라이언트 -측면.

출처

2014-01-27 02:25:25

활성 탐색 메뉴 설정

답변

관련 문제