메뉴 탭 변경시 클래스 추가

메뉴 탭을 변경할 때 클래스를 추가하려고합니다. 어떻게해야합니까? 아래메뉴 탭 변경시 클래스 추가

내 메뉴 :

가

<div class="profilenavbg"> 
<ul class="profilenav"> 
    <li class="active"><a href="<?php echo base_url()."emp_family_info/form/"[email protected]$emp_id;?>">Family Detail</a></li> 
    <li><a href="<?php echo base_url()."emergency_detail/form/"[email protected]$emp_id;?>">Emergency Detail</a></li> 
    <li><a href="<?php echo base_url()."education/form/"[email protected]$emp_id;?>">Education Detail</a></li> 
    <li><a href="<?php echo base_url()."work_experience/form/"[email protected]$emp_id;?>">Work Experience</a></li> 
    <li><a href="<?php echo base_url()."emp_join_info/form/"[email protected]$emp_id;?>">Joining Detail</a></li> 
    <li><a href="<?php echo base_url()."document/form/"[email protected]$emp_id;?>">Document Detail</a></li> 
    <li><a href="<?php echo base_url()."membership/form/"[email protected]$emp_id;?>">Membership Detail</a></li> 
</ul> 
</div>

출처

2013-12-12 user2870941

당신은 addClass() 방법을 사용할 수 있습니다.

하지만 난이 문제를 얻을하지 않습니다 자세한 내용은 간단한

에 설명 해주십시오 : http://api.jquery.com/addClass/이

당신이 나 jQuery.suppose에 .click 이벤트는 .mouseover 이벤트 이상을 사용하는 .mouseover 사용할 수 있습니다 각 링크 (removeClass())에서 활성 클래스를 제거하고 현재 링크에 활성 클래스를 추가하십시오.

출처

2013-12-12 07:27:42

.. – user2870941

[테스트되지 않음] 이와 같이하십시오.

$(function() { 
    $("ul.profilenav li").on("click", function() { 
     $("ul.profilenav li").find("active").removeClass("active");         
     $(this).addClass("active"); 
    }); 
});

안녕하십니까, 조정 필요한 경우 위의 코드 ... 내가 링크를 변경할 때, 나는 그 링크를 활성 클래스를 추가하고 이전 링크에서 클래스를 제거 할

출처

2013-12-12 10:58:41

메뉴 탭 변경시 클래스 추가

답변

관련 문제