単純なjQuery関数が動作しない

以下は単純なjQuery関数ですが、わかりませんでした。 jQueryの関数$(document).ready(function()が動作しない上記のコードで単純なjQuery関数が動作しない

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title>Screen Class</title> 

<script type="text/javascript" language="javascript"> 

    //<![CDATA[ 
    function getFocus() 
    {    
     document.getElementById("txtScreenClassCode").focus();     
    } 

    $(document).ready(function() 
    {        
     $("#txtScreenClassCode").keypress(function(event) 
     {         
      if (event.keyCode==46 || event.keyCode==8|| event.keyCode==9 || event.keyCode>=35 && event.keyCode<=40) 
      { 
       // let it happen, don't do anything      
      } 
      else 
      {        
       if (event.charCode<48 || event.charCode>57 || event.charCode==16) 
       {        
         event.preventDefault(); 
       }  
      }     
     }); 
    }); 
    //]]> 
</script> 

</head> 
<body onload="getFocus();"> 

<input type="text" id="txtScreenClassCode" 
    name="txtScreenClassCode"style="background-color: white"> 

</body> 
</html>

。これは、上記のTextFieldの数字のみを許可することを意味します。ブラウザは、この機能の開始時、すなわち$(document).ready(function()にあるオブジェクトが予想されることを示すエラーを表示します。この機能で何が間違っているはずですか？私はIEとMozilla Firefoxでそれをteatedして、私はまた別のディレクトリに入れて、CDATAタグ内に同封したが役に立たなかった。

出典

2012-02-14 Bhavesh

からのjQuery 1.7 JS縮小さファイルが含まれますか？ –

jQueryを追加しましたか？ – gdoron

@Bhavesh - おそらく[jQueryチュートリアルを読む]（http://docs.jquery.com/How_jQuery_Works）は、jQueryの新機能が少なくなるのに役立ちます。 –

ページにjQueryライブラリを組み込む必要があります。

アプリケーションでのjQueryをお持ちでない場合は、あなただけheadセクションの内側にこのscriptタグを追加するjQueryのを含める方法がわからない場合、あなたはjQueryのCDNのここで言及http://www.jquerycdn.net

の1からそれを含めることができますあなたのページマークアップの

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

これはjQueryのをロードしているGoogle Ajax API CDN

出典

2012-02-14 21:07:52 ShankarSangoli

単純なjQuery関数が動作しない

答えて

関連する問題