CoffeeScript - Collegamento Fare clic sugli eventi per caricare dinamicamente oggetti con JQuery On

Question

Lavorando alla riscrittura del front-end del mio sito in Coffeescript. Capisco come associare una funzione di clic a una classe.

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

Tuttavia, sto riscontrando alcuni problemi con il contenuto caricato in modo dinamico. So che nel JQuery, la soluzione a questo sarebbe quella di utilizzare la funzione "On" in questo modo:

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

Ma io sono sicuro su come questo si traduce in CoffeeScript. Ho l'impressione che la freccia del razzo -> si traduca in una funzione anonima in javascript, ma come funziona se la funzione è uno dei parametri? Ho provato un po 'di sintassi diversa e nessuno di loro sembra funzionare, grazie!

Answer 1

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

si traduce in questo JavaScript:

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

noti che si consiglia di utilizzare l'operatore => invece di ->; usando la doppia freccia si lega anche this al gestore di eventi (equivalente all'utilizzo di jQuery bind).

Answer 2

JS2Coffee può aiutare con questo tipo di domande:

http://js2coffee.org/

Hai bisogno di essere un po 'attenti con js2coffee, come a volte inciampa sul codice JS abbastanza difficile, ma è sorprendentemente preciso, e lo farà di solito almeno ti avvicini abbastanza.

Answer 3

In genere uno non usa parentesi in CoffeeScript se l'ordine di esecuzione è chiaro senza di essi. Quindi questo può essere scritto in questo modo:

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

ma naturalmente staffe uso sempre quando l'ordine di esecuzione non è evidente.