未捕获的 ReferenceError：$ 未定义 [重复]

Posted 2023-02-22

【中文标题】未捕获的 ReferenceError：$ 未定义 [重复]

【英文标题】：Uncaught ReferenceError: $ is not defined [duplicate]

【发布时间】：2012-09-07 08:03:20

【问题描述】：

我遇到了未定义的错误，我不知道如何解决。

这是我的代码：

<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: $ is not defined。请帮助我。

【问题讨论】：

你是否正确地包含了 jquery 库？

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

【参考方案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 请求。

【讨论】：

+1 用于协议相对 URI 以避免不安全的内容警告。

【参考方案2】：

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

如果您使用 CDN，那么您必须在文档的 head 部分包含类似下面的标签。

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

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