Question

我正在学习从教程制作应用程序： http://meteortips.com/first-meteor-tutorial/databases-part-2/

但它有一些问题：它应该在单击按钮后在控制台中记录所选的播放器_id，但是当我单击li时元素它记录所选的播放器_id。

你觉得它与以前版本和新版本的流星不兼容，或者我的代码有问题吗？

的javascript：

 Template.leaderboard.events({
            'click.player': function () {
    
                var playerId = this._id;
                Session.set('selectedPlayer', playerId);
    
    
            },
    
    
            'click.increment': function () {
                var selectedPlayer = Session.get('selectedPlayer');
                //PlayersList.update(selectedPlayer, { score: 5 });
                console.log(selectedPlayer);
            }
    
    
        });

HTML：

<head>
    <title>Leaderboard</title>
</head>

<body>
    <h1>Leaderboard</h1>
    {{>leaderboard}}
</body>

<template name="leaderboard">
    <ul>
        {{#each player}}
        <li class="player {{selectedClass}}">{{name}}:{{score}}</li>
        {{/each}}
        <li><button class="increment">Give 5 Points</button></li>

    </ul>
</template>

谢谢，赛义德

Answer 1

事件地图中的事件类型和选择器之间需要一个空格：

即'click.player'应为'click .player'和

'click.increment'应为'click .increment'

Template.leaderboard.events({
  'click .player': function() {
    ...
  },
  'click .increment': function() {
    ...
  }
});

在流星中获得会话

1 个答案: