小鍵盤不起作用+ jQuery

Question

我正在製作一個數字小鍵盤，我想在jQuery Form Wizard和Validation中使用它。 每一件事情是工作，但沒有小鍵盤:( 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()); 
    }); 
});