Meteor.jsでセマンティックUIのクリックイベントを初期化するにはどうすればよいですか？

Question

私は流星/セマンティック/一般的なjavascriptのためにとても新しいので、この質問が急いでいるように見える場合は謝罪しますが、真剣にこれを理解することはできません。

初期化しようとしているクリックイベントの例として、セマンティックUIドロップダウンメニューがあります。私が今持っているもので、私はこのエラーを取得する：

=> Meteor server restarted Errors prevented startup:

While processing files with ecmascript (for target web.browser): client/main.js:18:4: Unexpected token (18:4)

Your application has errors. Waiting for file change.

は、ここで私が持っているものだ、私はそれはかなり厄介だ知っています。私は後でそれについて作業します。

import { Template } from 'meteor/templating'; 
 
import { ReactiveVar } from 'meteor/reactive-var'; 
 

 
import '/main.html'; 
 
import '/templates/cards.html'; 
 
import '../lib/collections.js'; 
 

 

 
Template.cards.helpers({ 
 
    cards: function() { 
 
    return Cards.find(); 
 
    } 
 
}); 
 

 
Template.card.events({ 
 
    $('.ui.dropdown') 
 
    .dropdown() 
 
; 
 
});

<template name="card"> 
 
    <div class="three wide column"> 
 
     <div class="ui cards"> 
 
    <div class="card"> 
 
    <div class="content"> 
 
     <div class="header"> 
 
     {{header}} 
 
      <div class="ui dropdown right floated"> 
 
      <i class=" small grey ellipsis vertical icon"></i> 
 
       <div class="menu"> 
 
       <div class="item">Edit</div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
     <div class="description"> 
 
     {{desc}} 
 
     </div> 
 
    </div> 
 
    <div class="extra content"> 
 
     <button class="ui fluid blue icon button"><i class="map icon"></i></button> 
 
    </div> 
 
    </div> 
 
    </div> 
 
    </div> 
 
    </template>

Answer 1

あなたはTemplate.card.eventsで台無しましたが、あなたはここで、すべてのそれを必要としません。

それは、代わりにこのようにする必要があり

：

Template.card.onCreated(function() { 
    $('.ui.dropdown').dropdown(); 
});