如何在 Meteor.js 中初始化 semantic-ui click 事件？

Question

总的来说，我是 meteor/semantic/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();
});

如何在 Meteor.js 中初始化 semantic-ui click 事件？

How do I initialize a semantic-ui click event in Meteor.js?

javascript

meteor

semantic-ui