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>

在页面的head部分下载并包含jQuery Keypad 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

如何在对话框中显示jquery数字小键盘？

1 个答案: