2014-02-26 2 views
0

내 메뉴에서 링크를 클릭 할 때와 비슷한 것을 갖고 싶습니다.HTML에서 활성 메뉴 가져 오기

<div class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li>@Html.ActionLink("Home", "Index", "Home")</li> 
     <li class="active">@Html.ActionLink("About", "About", "Home")</li> 
     <li>@Html.ActionLink("Contact", "Contact", "Home")</li> 
    </ul> 
</div> 

다른 링크를 선택할 때 어떻게이 활성 클래스를 가질 수 있습니까?

$('li').on('click', function(){ 
    $('li').removeClass('active'); 
    $(this).toggleClass('active'); 
}) 

Sample Fiddle

+0

다른 링크를 클릭하면 활성 현재 클래스를 변경하고 싶습니다. –

+0

활성 클래스를 추가하려면 서버 사이드 스크립트 (예 : PHP)가 필요합니다. 또는 자바 스크립트 솔루션을 찾아보십시오. – LinkinTED

답변

2

, 하나 개의 솔루션은 클릭 한 항목, 예를 들어, (거친 코드 만)에 활성 클래스를 전환 할 jQuery를 같은 것을 사용하는 것 작업을 완전히 수행하려면 서버 측 언어가 필요합니다.

<?php if ($_SERVER['REQUEST_URI'] === "your_url") echo 'id="active"'; ?> 

예, 브라우저에서 JavaScript가 비활성화되어 있으면 JavaScript 또는 Jquery를 사용할 수 있습니다.

+1

http://jsfiddle.net/2zBws/13/ 피들을 편집했습니다. 원한다면 피들 피들로 사용할 수 있습니다 .. !! 훌륭한 일..!! +1 :) –

0

: 당신이 그것을 사용하여 언급 havent 한하지만