JQuery点击事件仅在第一次工作

Question

我试图制作一个拨号盘只是为了它的问题,到目前为止我遇到的唯一问题是,当点击一个键时它会将相应的数字放在输入框中,但它不会放另一个之后.我查看了很多其他帖子,因为其他人也有同样的问题,但似乎这些解决方案都与我的问题无关.提前致谢!
"1"按钮是我现在唯一运行的按钮,因为我等待实现其他按钮,直到我解决问题.

---

var inp = $('#dialer');
var nmbr = inp.val();
var key1 = $('#111');

key1.on('click', function(){
  inp.val(nmbr + 1)
});

JSfiddle:https://jsfiddle.net/a4suk0rs/

Answer 1

这是因为您var nmbr = inp.val();只设置了一次,因此该变量只会包含元素的初始值.将您的代码更改为:

var inp = $('#dialer');
var nmbr = inp.val();
var key1 = $('#111');

key1.on('click', function(){
  nmbr = inp.val(); // reset the `nmbr` var to the current value of `$('#dialer')`
  inp.val(nmbr + 1)
});