如何在Meteor.js中初始化semantic-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(); 
});