Question

如何使用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/）;不确定这是否与上面的jquery脚本冲突

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;
 }

Answer 1

正如this jsfiddle中所示，您可以看到您的代码运行正常。（我改变了选择器以删除menucolor类，但这没关系。）

你的问题几乎肯定在其他地方。

无论课程数量如何，removeClass和addClass函数都能正常工作。

jquery用其他jquery添加活动类多个类

1 个答案: