2015-01-22 2 views
6

कॉफ़ीस्क्रिप्ट में उल्का के टेम्पलेट..वेंट्स एपीआई का उपयोग करते समय .hover के लिए दो आवश्यक फ़ंक्शंस कैसे पंजीकृत करते हैं?टेम्पलेट से होवर को कॉल करने के लिए कैसे करें। <template>। कॉफ़ीस्क्रिप्ट में 0 एपीआई एपीआई

मैं की तर्ज पर कुछ कोशिश कर रहा हूँ:

Template.<template>.events 
    'hover #elementID': (
    (ev) -> console.log 'hello world' 
    (ev) -> console.log 'bye world' 
    ) 

उत्तर

11

Saimeunt के सही है, लेकिन आप इसे बिल्कुल के रूप में .hover होना चाहते हैं() jquery बजाए माउसएन्टर और माउसलेव का उपयोग करता है। तो यह होगी:

Template.<template>.events 
 
    "mouseenter #elementID": (event, template) -> 
 
    console.log "mousehover", event 
 
    "mouseleave #elementID": (event, template) -> 
 
    console.log "mouseout", event

+1

मैं अगर यह सीधे टेम्पलेट घटनाओं के भीतर .hover कॉल करने के लिए संभव है देखने के लिए देख रहा था के रूप में एक सामान्य रूप से उल्का के बिना कर सकते हैं, लेकिन मेरे प्रयास और क्या के सभी पर विचार मुझे यहां मिल रहा है, ऐसा लगता है कि यह संभव नहीं है और आपको सीधे माउसेंटर और माउसलेव घटनाओं का उपयोग करना होगा। वैसे भी इसके लिए उपरोक्त। –

+0

केवल स्वीकृत ईवेंट प्रकार हैं: क्लिक करें, डीबीएलक्लिक, फोकस, ब्लर, चेंज, माउसेंटर, माउसलेव, मूसडाउन, माउसअप, कीडाउन, कीप्रेस और कीप। तो हम कुछ खो रहे हैं, लेकिन कुछ भी नहीं जो हम चारों ओर नहीं मिल सकते हैं;) –

+0

यह उन लोगों के लिए उपयोगी संदर्भ है जो कॉफ़ीस्क्रिप्ट का उपयोग नहीं करते हैं। धन्यवाद निक। –

6

सही सिंटैक्स है कुछ की तरह:

Template.myTemplate.events 
    "mouseover #elementID": (event, template) -> 
    console.log "mousehover", event 
    "mouseout #elementID": (event, template) -> 
    console.log "mouseout", event 
संबंधित मुद्दे