2013-08-26 2 views
0

데모를 설정합니다 : http://jsfiddle.net/f9FDs/jQuery를 어떻게 활성 링크 CSS의 색상

내가 링크 색상이 활성 링크로 변경 얻을 수있는 방법은 CSS에서 지정된 색상을 (마지막 클릭)

?

// Active Menu Link 
jQuery("#navbar-main li a").live('click', function() { 
    jQuery("#navbar-main li a").removeClass("selected"); 
    jQuery(this).addClass("selected"); 
    return false; 
}); 
+1

'.live()'방식되지 않는 새로운 jQuery를 버전에서 제거됩니다. '.on()'을 대신 사용하십시오 –

답변

5

당신은 바이올린에 게시 한 jQuery 버전에없는 비추천 메소드를 사용하고 있습니다.

스위치 live()에서 on()

http://jsfiddle.net/f9FDs/4/

당신이 동적으로 생성 된 요소 live()를 사용하는 경우 on() eqvivalent 이벤트 위임을 사용하기 위해 3 개 인수를 참고하시기 바랍니다 :

jQuery("#navbar-main").on('click', 'li a', function() { 
+0

사실 : http://jsfiddle.net/davidThomas/f9FDs/2/ –

+0

달콤한 감사합니다. 건배 – KevinOrin

+3

처음 도착하는 사람은 모두 30 초입니다. – Vector

6

"live"는 더 이상 사용되지 않습니다. 대신 "on"을 사용하십시오.

바이올린 : http://jsfiddle.net/f9FDs/3/

jQuery("#navbar-main li a").on('click', function() { 
    jQuery("#navbar-main li a").removeClass("selected"); 
    jQuery(this).addClass("selected"); 
    return false; 
}); 
+0

+1하지만 더 최적 일 것입니다 :'jQuery ("selected"). removeClass ("selected");' –

+0

@ Karl-AndréGagnon 원한다면 – Johan

+0

@ Karl-AndréGagnon - "selected"클래스가 아닌 한 더 최적 일 것입니다. ($ # 'navbar-main') find ('selected'). 다른 곳에 사용됩니다. – htxryan