Traducir esto jquery into coffee script?

Question

No estoy seguro de cómo estructurar lo siguiente. Esto funciona bien:

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

Sé que puedo utilizar 'alternar' en lugar de 'addClass', pero por otras razones que necesito un controlador de salida función pasada. Así que probé esto:

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

Esto devuelve un error - 'inesperado'. He intentado con otras variaciones, y la mayoría de los ejemplos que he encontrado en línea no usan el formato .on 'hover' (ev) ->.

Answer 1

no puede utilizar on() para esto si desea conectar los dos controladores de eventos a la vez.

Es necesario utilizar hover():

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

o incluso mejor, utilizando toggleClass()

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

Answer 2

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

debería hacerlo. Aunque no lo entiendo Agregando la clase active y luego quitándola. Sin embargo, el código anterior es coffeescript válido al menos.

Answer 3

función activar de jQuery tiene dos funciones, que creo que es lo que está buscando:

$('.element').toggle 'hover', 
    (ev) -> 
     $(this).addClass('active') 
     # Do other stuff... 
    (ev) -> 
     $(this).removeClass('active') 
     # Do other stuff...