Question

我对流星/语义/ javascript一般都很新，所以如果这个问题看起来有些匆忙，我很抱歉，但我真的无法弄清楚这一点。

我尝试初始化的点击事件的一个例子，我有一个语义ui下拉菜单。凭借我现在所拥有的，我得到了这个错误：

=＆GT; Meteor服务器重启   错误阻止了启动：

使用ecmascript处理文件时（对于目标web.browser）：   client / main.js：18：4：意外的令牌（18：4）

您的申请有错误。等待文件更改。

这里有我所拥有的，我知道它非常混乱。我稍后会做的。

＆＃13;

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()
;
});

＆＃13;

<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>

＆＃13;

Answer 1

你已经搞砸了Template.card.events，你根本不需要它。

应该是这样的：

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

如何在Meteor.js中初始化语义ui点击事件？

1 个答案: