jquery - 如何在对话框中显示 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 Keypad CSS 和 JavaScript 并将其包含在页面的 head 部分。

<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>

见Fiddle 中的演示