Jquery仮想キーボード.keyboardは関数ではありません

Question

jquery keyboard.jsを使用してテキストボックスからユーザー入力を取得しようとしています。仮想キーボードコードを省略しても問題ありません。

URL：私は、次のコンソールエラーに

Uncaught TypeError: $(...).keyboard is not a function 

を取得していますhttps://github.com/Mottie/Keyboard

彼らが言うように、私は、以下の輸入をした仮想キーボードのための

<!-- jQuery (required) & jQuery UI + theme (optional) --> 
<link href="docs/css/jquery-ui.min.css" rel="stylesheet"> 
<!-- still using jQuery v2.2.4 because Bootstrap doesn't support v3+ --> 
<script src="docs/js/jquery-latest.min.js"></script> 
<script src="docs/js/jquery-ui.min.js"></script> 
<!-- <script src="docs/js/jquery-migrate-3.0.0.min.js"></script> --> 

<!-- keyboard widget css & script (required) --> 
<link href="css/keyboard.css" rel="stylesheet"> 
<script src="js/jquery.keyboard.js"></script> 

<!-- keyboard extensions (optional) --> 
<script src="js/jquery.mousewheel.js"></script> 
<script src="js/jquery.keyboard.extension-typing.js"></script> 
<script src="js/jquery.keyboard.extension-autocomplete.js"></script> 
<script src="js/jquery.keyboard.extension-caret.js"></script> 

<!-- demo only --> 
<link rel="stylesheet" href="docs/css/bootstrap.min.css"> 
<link rel="stylesheet" href="docs/css/font-awesome.min.css"> 
<link href="docs/css/demo.css" rel="stylesheet"> 
<link href="docs/css/tipsy.css" rel="stylesheet"> 
<link href="docs/css/prettify.css" rel="stylesheet"> 
<script src="docs/js/bootstrap.min.js"></script> 
<script src="docs/js/demo.js"></script> 
<script src="docs/js/jquery.tipsy.min.js"></script> 
<script src="docs/js/prettify.js"></script> 

には、JavaScriptのコード：

$('#inputPassword').keyboard({ 
    openOn : null, 
    stayOpen : true, 
    layout : 'qwerty' 
}) 
.addTyping(); 

$('#password-opener').click(function(){ 
    var kb = $('#inputPassword').getkeyboard(); 
    // close the keyboard if the keyboard is visible and the button is clicked a second time 
    if (kb.isOpen) { 
     kb.close(); 
    } else { 
     kb.reveal(); 
    } 
}); 

私はいくつかのことをやってみましたが、解決策を見つけることができません。何を私はここで逃したのですか？あなたはDOM負荷readyイベントにあなたのjQuery関連のコードを囲む必要があり

Answer 1

：

$(document).ready(function() { 

    $('#inputPassword').keyboard({ 
     openOn : null, 
     stayOpen : true, 
     layout : 'qwerty' 
    }) 
    .addTyping(); 

    $('#password-opener').click(function(){ 
     var kb = $('#inputPassword').getkeyboard(); 
     // close the keyboard if the keyboard is visible and the button is clicked a second time 
     if (kb.isOpen) { 
      kb.close(); 
     } else { 
      kb.reveal(); 
     } 
    }); 

    });