Dịch jquery này thành tập lệnh cà phê?

Question

Tôi không chắc chắn cách cấu trúc như sau. Điều này hoạt động tốt:

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

Tôi biết tôi có thể sử dụng 'toggle' thay vì 'addClass', nhưng vì các lý do khác, tôi cần một hàm xử lý. Vì vậy, tôi đã thử điều này:

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

Điều này trả về lỗi - 'không mong muốn'. Tôi đã thử các biến thể khác và hầu hết các ví dụ tôi đã tìm thấy trực tuyến không sử dụng định dạng .on 'hover' (ev) ->.

Answer 1

Bạn không thể sử dụng on() cho điều này nếu bạn muốn đính kèm cả xử lý sự kiện tại một thời điểm.

Bạn cần phải sử dụng hover():

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

hoặc thậm chí tốt hơn, sử dụng toggleClass()

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

Answer 2

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

nên làm điều đó. Mặc dù tôi không hiểu. Bạn thêm lớp hoạt động và sau đó xóa nó. Tuy nhiên, mã trên là coffeescript hợp lệ ít nhất.

Answer 3

chức năng chuyển đổi của jQuery có hai chức năng, mà tôi nghĩ là những gì bạn đang sau:

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