2012-02-14 102 views
0

以下是簡單的jQuery函數,但我無法弄清楚。簡單的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> 

在上面的代碼jQuery函數$(document).ready(function()不起作用。這意味着只允許提到的TextField中的數字。瀏覽器在此功能開始時顯示錯誤,即在該線本身$(document).ready(function()上,表示對象預計爲。這個功能應該有什麼問題?我已經用IE和Mozilla Firefox對它進行了測試,並且我也嘗試將它放在不同的目錄中,並將其包含在CDATA標記中,但無濟於事。

+2

的jQuery 1.7精縮js文件你加載jQuery的? – 2012-02-14 21:07:29

+0

您是否添加jQuery? – gdoron 2012-02-14 21:09:07

+1

@Bhavesh - 也許[閱讀jQuery教程](http://docs.jquery.com/How_jQuery_Works)可以幫助你變得不太熟悉jQuery。 – 2012-02-14 21:10:57

回答

5

您需要在頁面上包含jQuery庫。

如果你沒有的jQuery在你的應用程序,你可以從一個包括它的jQuery的CDN的這裏http://www.jquerycdn.net

提到如果你不知道如何jQuery的包括剛剛加入head節這裏面script標籤你的頁面標記。

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

這將包括從Google Ajax API CDN