jquery - addClass/removeClass 无法正常工作

Question

我有 5 个按钮，每个按钮都有 .leg 类，我希望当用户单击其中一个按钮时在类属性上添加“active”并将其从其他属性中删除，所以我有:

j$(".leg").on "click", (event)->
  j$('.leg').removeClass('active')
  j$(event.target).addClass('active')

有时，当我单击其中一个按钮时，不会添加“事件”类。我怀疑removeClass尚未完成其执行，添加“active”然后再次删除。由于 removeClass 没有回调，还有其他方法可以解决此问题吗？

http://jsfiddle.net/k4605e3z/

Answer 1

使用$(this)代替$(e.target):

$('.leg').click(function(event){
  $('.leg').removeClass('active');
  $(this).addClass('active');
});

this 是添加点击处理程序时选择的 dom 元素。

JSFIDDLE