javascript - キーパッドが機能しない + jQuery

Question

テンキーを作成していますが、jQuery フォーム ウィザードと検証内で使用したいと考えています。すべてが機能していますが、キーパッドは機能していません :( デモ

$(function () {
  var keypad = $('#keypad');
  keypad.hide();

  $('input[type="text"]:not(#keypad)').on('click', function (e) {
    e.preventDefault();
    $(this).after(keypad);
    keypad.show();
  });
});

function addIt(cKey) {
  var id = $('#keypad').prev().attr('id');
  d = document.getElementById(id);
  d.value = (cKey.value == 'delete') 
    ? d.value.slice(0, -1) 
    : ((cKey.value == 'clear') ? "" : d.value + cKey.value);
}

デモ

Answer 1

関数addItをフィドルの HTML セクションに移動します。

<script>
    function addIt(cKey) {
        var id = $('#keypad').prev().attr('id');
        d = document.getElementById(id);
        d.value = (cKey.value == 'delete') ? d.value.slice(0, -1) : ((cKey.value == 'clear') ? "" : d.value + cKey.value);
    }
</script>

固定フィドル: http://jsfiddle.net/BngRv/1/

Answer 2

これを読み込みブロックに入れて、各ボタン入力の onClicks を削除します。

$(function(){
    //rest of code before it here
    $('.keypad').click(function(){
        addIt($(this).val());
    });
});