流星添加活动类（coffeescript）答案

【问题标题】：Meteor add active class (coffeescript)流星添加活动类（coffeescript）
【发布时间】：2015-01-29 01:40:39
【问题描述】：

我不确定我在哪里出错了。

<li class="alph-filter-button-unit" value="A">A</li>
<li class="alph-filter-button-unit" value="B">B</li>
<li class="alph-filter-button-unit" value="C">C</li>
<li class="alph-filter-button-unit" value="D">D</li>

咖啡脚本：

  "click .alph-filter-button-unit":(e) ->
    $(e).addClass("filter-active")

我只想在单击的“alph-filter-button-unit”上添加一个类“filter-active”。控制台也没有错误。

【问题讨论】：

$(e).addClass("filter-active") 到 $(this).addClass("filter-active")

标签： jquery meteor coffeescript

【解决方案1】：

这行 $(e).addClass("filter-active") 应该变成：

 $(e.target).addClass("filter-active")

或

 $(e.currentTarget).addClass("filter-active")

【讨论】：

【解决方案2】：

"click .alph-filter-button-unit":(e)->
   $(e.currentTarget).addClass("filter-active")

更清楚

Template.templateName.events
  "click .alph-filter-button-unit":(e)->
     $(".alph-filter-button-unit").removeClass("filter-active")
     $(e.currentTarget).addClass("filter-active")

【讨论】：

谢谢，我在尝试时一直在括号外添加“currentTarget”部分。这解决了它！

【解决方案3】：

事件处理程序中的e 参数是事件对象，而不是点击的dom 元素所以试试

$(".alph-filter-button-unit").click (e) ->
    $(this).addClass("filter-active")

演示：Fiddle

注意：不是咖啡脚本专家，所以不确定处理程序注册部分

【讨论】：