Javascript 未捕获引用错误：$未定义？

为什么这个代码会抛出一个错误

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

以前什么时候还可以

$（文档）.ready（函数（）{
$（'#tabs>ul'）.tabs（{fx:{opacity:'toggle'}）；
$（'#featuredvid>ul'）.tabs（）；
});

选项卡中的结果不再关闭

jQuery在标题中引用：

---

在包含jQuery JavaScript之前调用ready函数。首先引用jQuery。
您应该将对jQuery脚本的引用放在第一位

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

我遇到了完全相同的问题，上述解决方案都没有帮助。
然而，我只是在
.js
文件之后链接了
.css
文件，问题奇迹般地消失了。希望这有帮助。
在我的例子中，这是一个打字错误，我忘记了一个反斜杠，并且错误地引用了源代码

在
src=“/scripts/jquery.js”

在
src=“scripts/jquery.js”之后！我的标记中有混合引号，这导致jquery引用中断。在Chrome中执行检查可以让我看到文件没有正确链接。
源文件
jquery-1.2.6.min.js
没有被调用，jquery命令
$（）
在
之前执行

请首先运行
，确保src路径正确，然后执行jquery命令

$(document).ready(function() 

好吧，我的问题不一样了-它是Chrome中的文档安全模型

看看这里的答案，很明显我在调用
$（document）.ready（）
等函数之前没有加载jquery文件。然而，他们都在正确的位置上

在我的例子中，这是因为我通过安全的HTTPS连接访问内容，而页面试图从google等下载CDN托管的数据。解决方案是将它们存储在本地，然后直接包含，而不是每次都从CDN中包含

编辑：另一种方法是以https://而不是http://的形式链接到所有CDN托管的内容，这样模型就不会抱怨了。
这就是我解决问题的方法。最初我去了谷歌，复制并粘贴了他们推荐的jQuery代码片段到他们的CDN页面上：

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

然后它工作了。
您的JavaScript文件丢失，因此发生了此错误。只需将JavaScript文件添加到
标记中即可。请参见示例：

<script src="js/sample.js" type="text/javascript"></script>
<link href="css/sample.css" rel="stylesheet" type="text/css" />



或在标记中添加以下代码：

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

如果您在.Net中执行此操作，并且脚本文件被正确引用，并且jQuery看起来很好，请确保您的用户有权访问脚本文件。我正在工作的项目（同事）的web.config拒绝匿名用户访问。匿名用户可以访问我正在处理的页面，因此他们无法访问脚本文件。将以下内容放到web.config中，一切正常：

  <location path="Scripts">
    <system.web>
      <authorization>
        <allow users="*"/>
      </authorization>
    </system.web>
  </location>

这件事以前发生在我身上

原因是我正在用JS将android连接到webview。我发送了一个没有引号的参数

js.sayHello(hello);

当我把它改成

js.sayHello('hello');

成功了。
如果在将jQuery插件加载到浏览器之前加载了自定义脚本，则可能会出现此类问题。因此，在调用jQuery插件后，始终保留自己的JavaScript或jQuery代码，因此解决方案是：

首先，将链接添加到托管在GoogleApis的jQuery文件或本地jQuery文件，您将从该文件下载并托管在您的服务器上：

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



或者jQuery的任何插件。然后放置自定义脚本文件链接或代码：

<script src="js/custom.js" type="text/javascript"></script>

在我的例子中，由于脚本调用顺序错误，我出现了这个引用错误。通过更改顺序解决了以下问题：

<script src="js/index.js"></script>
<script src="js/jquery-1.10.2.js"></script>



到


我遇到了类似的问题，这是因为我在样式表链接上缺少了一个结束>。
奇怪的是，我的问题来自PHP

REST API调用失败，随后中断了库的加载。因为失败来自REST调用，所以它没有给我一个php编译错误

如果加载jquery看起来还可以的话，也可以选择这个选项。
当我通过我的移动热点浏览互联网时，我遇到了这个问题。它还压缩了图像，并在body标签的底部添加了以下脚本

<script language="javascript"><!--
bmi_SafeAddOnload(bmi_load,"bmi_orig_img");//-->
</script>



当我连接到正确的wifi连接时，一切似乎都为我找到了工作。希望这对某人有所帮助。
就我而言，我忘了包括以下内容：

 <script src ="jquery-2.1.1.js"></script>



早些时候，我只包含了导致此错误的jquery mobile。
在我的例子中，我将我的
.js
文件放在jquery脚本链接之前，将
.js
文件放在jquery脚本链接解决我的问题之后

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="exponential.js"></script>

我也有类似的问题。我的测试服务器在使用“http”时运行良好。然而，它在使用SSL的生产中失败了

因此，在生产中，我添加了“HTPPS”而不是“HTTP”，在测试中，我将其保持为“HTTP”

测试：
制作：
希望这能帮助正在wordpress上工作的人。
如果它在wordpress中，可能需要更改

$(document).ready(function() {

到

或添加

var $ = jQuery;

以前

$(document).ready(function() {

我想尝试使我的脚本异步。然后我忘了它，当我上线时，[custom].js文件在jQuery.js之前只加载了50%的时间

所以我改变了

<script async src="js/script.js"></script>



到

以下两种情况下也会发生错误

@HTML文件中缺少节脚本元素
访问DOM元素时出错。例如，DOM元素的访问被称为$（“js toggle”），而不是$（“.js toggle”）。实际上这段时间不见了
所以有三件事需要遵循——检查是否添加了必需的脚本，检查是否按要求的顺序添加了脚本，以及J中的第三个语法错误
$(document).ready(function() {

jQuery(document).ready(function($){

var $ = jQuery;

$(document).ready(function() {

<script async src="js/script.js"></script>

<script src="js/script.js"></script>

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

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

<script type="text/javascript">
$(function(){
    //your stuff
});
or
$(document).ready(function(){
    //your stuff
});    
</script>

<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
     //your stuff
});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="local_xxx.js"></script>

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

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="js/form.js" type="text/javascript"></script>
<script src="js/create.js" type="text/javascript"></script>
<script src="js/tween.js" type="text/javascript"></script>

@section scripts {
    <script>
        // JS code...
    </script>
}

 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

/*global $ */
$(document).ready(function(){  });