Meteor教程开发问题：点击li触发player _id日志而非按钮，求排查原因

这不是Meteor版本兼容问题，而是你在事件选择器的语法上犯了一个小错误，导致事件绑定到了错误的元素上。

核心问题：事件选择器的语法错误 #

在Meteor的事件绑定中，正确的格式是'事件类型 选择器'（事件类型和选择器之间用空格分隔），而你写的'click.player'会被解析为：监听所有拥有player类的元素的click事件——这就是为什么你点击<li>（假设你的<li>带有player类）时会触发日志，而点击按钮时没有反应（因为按钮大概率没有player类）。

修正后的代码示例 #

假设你的按钮在<li class="player">内部，且按钮的类是player-action-btn，你需要把事件选择器改成指向按钮的正确选择器：

Template.leaderboard.events({
  // 用空格分隔click事件和按钮选择器
  'click .player-action-btn': function () {
    var playerId = this._id;
    console.log(playerId);
  }
});

如果你的按钮没有单独的类，也可以通过父元素来定位：

Template.leaderboard.events({
  // 监听.player类元素下的按钮点击事件
  'click .player button': function () {
    var playerId = this._id;
    console.log(playerId);
  }
});

额外说明 #

Meteor的事件绑定语法和jQuery的事件委托逻辑类似，选择器部分需要精准指向你想要触发事件的元素。只要调整选择器的写法，就能实现“点击按钮时打印选中player的_id”的预期效果。

内容的提问来源于stack exchange，提问作者Saeed Asmani