未捕获的ReferenceError:$未定义

时间:2012-09-14 07:10:22

标签: javascript jquery

我一直在收到未定义的错误,我不知道如何解决它。

这是我的代码:

<script type="text/javascript">
    function returnBlurayDisc(member_id){
         var xmlhttp;

         if (window.XMLHttpRequest){
              xmlhttp=new XMLHttpRequest();
     }else{
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
     }

     xmlhttp.onreadystatechange=function(){
          if (xmlhttp.readyState==4 && xmlhttp.status==200){
         document.getElementById("popup_container").innerHTML=xmlhttp.responseText;
         $("#GrayBackground").css({'height':'1900px','display':'inline'});

           }
     }

     xmlhttp.open("GET","ajax/returnAjax.php?member_id="+member_id+"&name="+name);
     xmlhttp.send();    
     }
</script>

错误是Uncaught ReferenceError:$未定义。请帮助我。

2 个答案:

答案 0 :(得分:6)

这一行:

$("#GrayBackground").css({'height':'1900px','display':'inline'});

使用jQuery(通过$函数),如果你想要这行代码,你需要在页面中包含一个库。

将它放在页面顶部进行测试:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

值得注意的是,如果你想采用jQuery--在很多情况下这是一个好主意 - 你可以用它来简化一堆东西,包括你现在手动做的AJAX请求。

答案 1 :(得分:2)

代码中的

$很可能是指jQuery库。因此,请确保在文档中包含jQuery库文件。

如果您使用CDN,则必须在文档的head部分添加类似的标记。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

这包括文档中的JQuery库,您可以最终使用$来定位元素。