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

时间:2016-09-10 20:08:29

标签: javascript jquery html onclick

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

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

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

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

1 个答案:

答案 0 :(得分:5)

这是因为您只设置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)
});