关于javascript:未捕获的ReferenceError:$未定义

Uncaught ReferenceError: $ is not defined

本问题已经有最佳答案,请猛点这里访问。

我得到了未定义的错误,我不知道如何修复它。

以下是我的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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();    
     }

错误为未捕获引用错误:未定义:$请帮帮我。


这条线:

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

使用jquery(通过$函数),如果您希望在页面中包含这一行代码,则需要在页面中包含该库。

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

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

值得注意的是,如果您想采用jquery——在许多情况下这是一个很好的主意——那么您可以使用它来简化一堆东西,包括Ajax请求,您现在正在手动执行。


代码中的$最可能指的是jquery库。因此,请确保您的文档中包含了jquery库文件。

如果您使用cdn,那么您必须在文档的head部分包含类似的标签,如下所示。

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

这包括文档中的jquery库,您最终可以使用$作为目标元素。