如果有人点击它,我有一个带有不同背景颜色的列表项的菜单。我使用这段代码来实现这一点:
$(function() {
var links = $('a.link').click(function() {
links.removeClass('active');
$(this).addClass('active');
});
});
那工作得很好。CSS 也可以正常工作,因此颜色会发生变化,但我有一个问题,那就是我无法在有人点击它之前将标准列表项设置为具有背景颜色。所以我想在有人点击它之前在列表项上有一个红色背景。如果有人单击不同的列表项,则此红色背景颜色必须从标准切换到单击的颜色。
我怎样才能做到这一点?
这是菜单:
<nav id="navigation">
<ul id="quick-index-nav" class="slim">
<li>
<a class="link" href="#">First one</a>
</li>
<li>
<a class="link" target="main" href="#">Second one</a>
</li>
<li>
<a class="link" href="#">Third one</a>
</li>
</ul>
</nav>