여러 클래스가있는 메뉴 요소에 jquery를 사용하여 활성 클래스를 추가하려면 어떻게해야합니까? 지금까지, 아래에있는 내 코드가 작동하지 않습니다jquery 다른 jquery로 활성 클래스의 여러 클래스 추가
JQUERY
$('#foo_menu li a').click(function(){
$('#foo_menu li a').removeClass('menucolor');
$(this).addClass('menucolor');
});
HTML
<ul id="foo_menu">
<li><a href="/fooA" class="fooa qtipmenu menucolor" id="foo_A"></a></li>
<li><a href="/fooB" class="foob qtipmenu" id="foo_B"></a></li>
<li><a href="/fooB" class="fooc qtipmenu" id="foo_C"></a></li>
</ul>
참고 : qtipmenu 클래스는 jQuery로 팝업을 생성 - http://craigsworks.com/projects/qtip2/); 이
CSS
#menu li a.fooa {
background-image: url(/images/foo_a.png);
height: 20px;
width: 20px;
}
#menu li a.menucolor {
background-position: left bottom;
height: 20px;
width: 20px;
}
코드를 파일에 그대로 복사 했습니까? –
jQuery 코드는 ''태그의 클릭을 'menucolor'클래스로 설정하는 데는 잘 작동합니다. 문제가 정확히 무엇입니까? – jfriend00
@ jfriend00 사이트의 다른 곳에서 작동하지만이 메뉴에는 작동하지 않습니다. 각 메뉴 항목이 별도의 클래스 (이미지 메뉴 용)가 있고 팝업 메뉴 용 클래스를 공유하기 때문에 그 것인지 궁금합니다. – chowwy