JQueryのクリックイベントは初めてしか動作しません

Question

私はダイヤルパッドをちょうどいいところにしようとしていますが、これまでに遭遇した唯一の問題は、キーをクリックすると対応する数字が入力その後、別のものを置くことはありません。私は他の人が同じ問題を抱えているので、他の多くの投稿を見てきましたが、それらの解決策のどれもが私の問題に関係していないようです。前もって感謝します！
問題を解決するまで他の実装を待っているので、今すぐ機能しているのは「1」ボタンだけです。

---

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

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

JSfiddle：その変数がしか要素の初期値を含んでいますので、あなたが、一度だけvar nmbr = inp.val();を設定しているので、https://jsfiddle.net/a4suk0rs/

Answer 1

これがあります。コードを次のように変更してください。

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) 
});