如何在對話框中顯示jquery數字鍵盤？

Question

嗨，我有一個從鏈接下載的數字小鍵盤。 http://www.keith-wood.name/keypad.html。

現在我有一個對話框，當我們單擊對話框內的文本框時，我想顯示小鍵盤。由於提前

<script type="text/javascript"> 
    (function($) { 
    $(document).ready(function(){ 

     $('#txtPassword').live('click', function(){ 
      alert("clicked"); 

     $('#txtPassword').keypad(); 
      }); 
      }); 
    })(jQuery); 
</script> 

Answer 1

首先包括jQuery的文件

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 

下載並在您的網頁的頭部分jQuery的鍵盤CSS和JavaScript。

<link type="text/css" href="css/jquery.keypad.css" rel="stylesheet"> 
<script type="text/javascript" src="js/jquery.keypad.js"></script> 

然後設置該代碼

<script type="text/javascript"> 

$(document).ready(function(){ 

    $('#txtPassword').on('click', function(){// better use on at the place of live 
    alert("clicked"); 

$(this).keypad(); 
    }); 

}); 

</script> 

看到DEMO IN FIDDLE