Question

我正在制作一个数字键盘，我想在jQuery表单向导和验证中使用它。每件事都在工作但不是键盘:( Demo

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

Demo

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

键盘不起作用+ jQuery

2 个答案: