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

Question

一个简单的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>

Run Code Online (Sandbox Code Playgroud)

在上面的代码中,jQuery函数$(document).ready(function()不起作用.这意味着只允许TextField上述数字.浏览器在此函数的开头显示错误,即在此行本身$(document).ready(function()上指示Object预期.这个功能应该有什么问题？我用IE和Mozilla Firefox编写了它,我也尝试将它放在一个不同的目录中,并将其包含在CDATA标签中,但没有用.

Answer 1

Sha*_*oli 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>

Run Code Online (Sandbox Code Playgroud)

这将包括jQuery 1.7 minified js文件 Google Ajax API CDN

归档时间：	14 年前
查看次数：	1559 次
最近记录：	14 年前