0

如果有人点击它，我有一个带有不同背景颜色的列表项的菜单。我使用这段代码来实现这一点：

$(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>
4

2 回答 2

1

我在脚本中添加了另一个 removeClass 并在列表项上提供了一个背景颜色，我希望在单击它之前将其突出显示。这就像一个魅力。

$(function() {
    $('a.link').click(function() {
       $('.link').removeClass('active');
       $('.a-class-name').removeClass('a-class-name');
       $(this).addClass('active');
   });
});
于 2012-12-24T12:43:09.987 回答
0

你为什么把它放在一个var中？如果你想选择一个类，你需要把它放在一个 jquery 选择器中$('.link')

$(function() {
    $('a.link').click(function() {
       $('.link').removeClass('active');
       $(this).addClass('active');
   });
});
于 2012-12-23T21:06:09.833 回答