javascript - 将值附加到JQuery脚本中的输入字段

我正在尝试使用屏幕数字键为孩子创建一个简单的数学测验应用程序，该应用程序将附加到答案的输入字段中。我想使用链接到类的jQuery事件侦听器，因此不必为每个数字调用onClick函数。我在其他地方找到了这个问题，但是由于我刚加入堆积如山的状态，而且我说我的声誉还不够高，因此我无法评论进一步提出的问题。

链接到其他问题：append value to an input field in JQuery

当我尝试追加时，当我尝试单击按钮时出现未定义的错误，并且看不到代码中的错误在哪里。任何帮助将不胜感激。

我的jQuery：

$(".userIn").click(function() {
  var usrIn = $(this).data('usrIn');
  $("#answer").val(function() {
    return this.value + usrIn;
  });
});

我的按钮示例：

<button type="button" class="btn btn-primary btn-block userIn" data-number="0" id="zero">0</button>

这是JSfiddle，其中包含我所有的链接样式表和外部js。

最佳答案

将var usrIn = $(this).data('usrIn');更改为var usrIn = $(this).attr('data-number');

小提琴：https://jsfiddle.net/969r1gp0/4/