jquery - 将这个 jquery 翻译成 CoffeeScript ？

Question

我不确定如何构建以下内容。这工作正常:

  $('.hover li').on 'hover', (ev) ->
    $(this).addClass('active')

我知道我可以使用“toggle”而不是“addClass”，但由于其他原因，我需要传递一个处理程序输出函数。所以我尝试了这个:

  $('.element').on 'hover', (ev)
    -> $(this).addClass('active'),
    -> $(this).removeClass('active')

这会返回一个错误 - '意外，'。我尝试过其他变体，并且我在网上找到的大多数示例都不使用 .on 'hover' (ev) -> 格式。

Answer 1

如果您想同时附加两个事件处理程序，则不能使用 on() 来实现此目的。

您需要使用hover():

$('.element').hover(
  (ev) -> $(this).addClass 'active'
  (ev) -> $(this).removeClass 'active'
)

或者更好的是，利用toggleClass()

$('.element').hover (ev) -> $(this).toggleClass 'active'