一个简单的jQuery函数不起作用

时间:2012-02-14 21:06:10

标签: 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标签内,但没有用。

1 个答案:

答案 0 :(得分:5)

您需要在页面上包含jQuery库。

如果你的应用程序中没有jQuery,你可以从这里提到的jQuery CDN中加入一个http://www.jquerycdn.net

如果您不知道如何包含jQuery,只需在页面标记的script部分添加此head标记。

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

这将包括来自Google Ajax API CDN

的jQuery 1.7缩小的js文件