कॉफीस्क्रिप्ट -

Question

पर JQuery के साथ गतिशील रूप से लोड किए गए ऑब्जेक्ट्स के लिए बाध्यकारी क्लिक घटनाएं कॉफ़ीस्क्रिप्ट में मेरी साइट के फ्रंट-एंड को फिर से लिखने पर काम करना। मैं समझता हूं कि एक वर्ग में एक क्लिक फ़ंक्शन कैसे बांधें।

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

हालांकि, मैं गतिशील रूप से लोड की गई सामग्री के साथ कुछ समस्याओं में भाग रहा हूं। मैं जानता हूँ कि JQuery में, इस का हल तो जैसे "चालू" समारोह का उपयोग करने के होगा:

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

लेकिन मैं यह कैसे Coffeescript करने के लिए अनुवाद पर अनिश्चित हूं। मैं इस धारणा के तहत हूं कि रॉकेट तीर -> जावास्क्रिप्ट में एक अज्ञात फ़ंक्शन में अनुवाद करता है, लेकिन यह फ़ंक्शन पैरामीटर में से एक के साथ कैसे काम करता है? मैंने कुछ अलग वाक्यविन्यासों की कोशिश की है और उनमें से कोई भी काम नहीं कर रहा है, धन्यवाद!

Answer 1

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

इस जावास्क्रिप्ट वास्तविक रूप है:

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

ध्यान दें कि आप चाहते हो सकता है -> के बजाय => ऑपरेटर का उपयोग करने के लिए; डबल तीर का उपयोग करके ईवेंट हैंडलर को this बांधता है (jQuery के bind का उपयोग करने के बराबर)।

Answer 2

JS2Coffee सवालों के इन प्रकार के साथ मदद कर सकते हैं:

http://js2coffee.org/

आप के रूप में यह कभी कभी काफी मुश्किल जे एस कोड पर ठोकर, लेकिन यह आश्चर्य की बात सही है, js2coffee साथ एक छोटी सी सावधान रहना चाहिए, और यह होगा आम तौर पर कम से कम आपको बहुत करीब मिल जाता है।

Answer 3

आमतौर पर कॉफीस्क्रिप्ट में ब्रैकेट का उपयोग नहीं करते हैं यदि निष्पादन आदेश उनके बिना स्पष्ट है। तो यह इस तरह लिखा जा सकता है:

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

लेकिन निश्चित रूप से उपयोग कोष्ठक हमेशा जब निष्पादन आदेश स्पष्ट नहीं है।