CoffeeScript - привязка событий кликов к динамически загружаемым объектам с включенным JQuery

Question

Работаю над переписыванием внешнего вида моего сайта в Coffeescript. Я понимаю, как связать функцию щелчка с классом.

$('.song').click ->
    //code

Однако у меня возникают проблемы с динамически загружаемым контентом. Я знаю, что в JQuery решением этой проблемы было бы использование функции «Вкл» следующим образом:

$(document).on('click', '.song', function(){
    //code
});

Но я не уверен, как это переводится на coffeescript. У меня сложилось впечатление, что стрелка ракеты -> переводится в анонимную функцию в javascript, но как это работает, если функция является одним из параметров? Я опробовал довольно много разных синтаксисов, и, похоже, ни один из них не работает, спасибо!

Answer 1

Обычно в CoffeeScript скобки не используются, если порядок выполнения без них ясен. Так что это можно записать так:

$(document).on 'click', '.song', ->
    ### code ###

Но, конечно, всегда используйте скобки, когда порядок выполнения неочевиден.

Answer 2

$(document).on('click', '.song', ( ->
    ### code ###
));

Переводит на этот JavaScript:

$(document).on('click', '.song', (function() {
  /* code */
}));

Обратите внимание, что вы можете использовать оператор => вместо ->;использование двойной стрелки также связывает this с обработчиком событий (эквивалент использования jQuery's bind ).

Answer 3

JS2Coffee может помочь с вопросами такого типа:

http://js2coffee.org/

Вам нужно быть немного осторожнее с js2coffee, так как он иногда натыкается на довольно сложный код JS, но это удивительноточный, и обычно он, по крайней мере, приблизит вас.