未捕获的引用错误：$未定义

Question

我一直收到未定义的错误，不知道该如何解决。

这是我的代码：

<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: $未定义。请帮助我。

- user1670671

---

你是否正确地引入了jQuery库？ - karthick

顺便说一句，如果你已经在使用jQuery，为什么不使用jQuery的get()或ajax()函数呢？ - bogatyrjov

Answer 1

这行代码：

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

使用jQuery（通过$函数）, 如果您想要在页面中包含此代码行，则需要包含该库。

将以下内容放置在页面顶部进行测试：

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

值得注意的是，如果你想采用jQuery——在许多情况下这是一个好主意——你可以使用它来简化许多东西，包括你现在手动执行的AJAX请求。

- Ben Zotto

---

使用协议相对URI可以避免不安全内容警告。 - Matt Montag

Answer 2

$在你的代码中很可能是指jQuery库。因此，请确保已将jQuery库文件包含在文档中。

如果您使用CDN，则必须在文档的head部分包含类似以下的标记。

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

这包括在您的文档中引入JQuery库，然后您可以终于使用$来定位元素。

- Starx