javascript – 在流星中设置简单的事件

前端之家收集整理的这篇文章主要介绍了javascript – 在流星中设置简单的事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试排行榜中的“流星”例子,但是我在设置点击事件时出错了.在这个例子中,我有三个按钮,一个按列改变,另一个按钮为每个人添加5个积分.

这是html:

<div id="outer">
    {{> sorter}}
    {{> leaderboard}}
  </div>
   <template name="sorter">
   <span>Sorted by {{sortedBy}}</span>
   {{#if sortByName}}
    <input type="button" id="sortscore" value="sort by score" />
  {{else}}
    <input type="button" id="sortName" value="sort by name" />
  {{/if}}

    <input type="button" class="incAll" value="5 bonus points to all" />

</template>

这里是js:

Template.sorter.events = {
'click #sortName': function(){
    Session.set('orderby','name');
},'click #sortscore': function(){
    Session.set('orderby','score');
},'click input.incAll': function(){
  Players.find().forEach(function(player){
      Players.update(player._id,{$inc: {score: 5}});
  });
}

}

调用Session.set(‘orderby’,’name’);在控制台中工作并相应更新html,但点击按钮不会.那我还缺少什么?

谢谢

解决方法

选择器的事件地图与模板中的顶级元素不匹配.这是我们将尽快解决的问题.

有一个容易的解决方法.将您的分拣机模板包含在< div>中.

http://docs.meteor.com/#eventmaps

原文链接:https://www.f2er.com/js/152028.html

猜你在找的JavaScript相关文章