将jQuery文件移动到head后，仍未定义$
我在这里和其他地方探索了合理的补救方法，但出于某种原因，cloud9不想让我使用jQuery。我从“底部链接方法”开始，得到了将jQuery文件移动到head后，仍未定义$,jquery,twitter-bootstrap,cloud9-ide,Jquery,Twitter Bootstrap,Cloud9 Ide,我在这里和其他地方探索了合理的补救方法，但出于某种原因，cloud9不想让我使用jQuery。我从“底部链接方法”开始，得到了$未定义请修复或添加/*global$*/错误（即使我的代码在$（document）.ready（function（）{}）；），然后将所有内容上移到标记，这样我的脚本就无法在加载jQuery之前运行。然而，同样的错误。有什么好处 注意，我还尝试颠倒引导和google jQuery链接的顺序。另外，在前端开发Thx上非常新 <!DOCTYPE html> &
$未定义请修复或添加/*global$*/$（document）.ready（function（）{}）；<!DOCTYPE html>
<html lang="en">
<head>
<!-- Bootstrap Links -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- style -->
<style>
.container-fluid {
font-family: Serif, Helvetica;
background-color: #8A2BE2;
color: #FFFFFF;
}
#container-top {
height: 75vh;
margin: 50px 50px 50px 50px;
background-color: #000000;
color: #FFFFFF;
font-size: 50px;
}
/* word-wrap added to ensure quote remained in container */
.quote {
font-family: Serif, Helvetica;
word-wrap: break-word;
}
/*
.vertical-align {
display: flex;
align-items: center;
}
*/
</style>
<!-- scripts -->
<script>
$(document).ready(function () {
});
</script>
</head>
<body>
<div class="container-fluid">
.容器液体{
字体系列：Serif，Helvetica；
背景色：#8A2BE2；
颜色：#FFFFFF；
}
#集装箱顶部{
高度：75vh；
保证金：50px 50px 50px 50px；
背景色：#000000；
颜色：#FFFFFF；
字体大小：50px；
}
/*添加了word wrap以确保报价保留在容器中*/
.引用{
字体系列：Serif，Helvetica；
单词包装：打断单词；
}
/*
.垂直对齐{
显示器：flex；
对齐项目：居中；
}
*/
$（文档）.ready（函数（）{
});
$（文档）.ready（函数（）{
$（“.container fluid”）.append（“jquery设置正确”）；
});
。容器流体{
字体系列：Serif，Helvetica；
背景色：#8A2BE2；
颜色：#FFFFFF；
}
#集装箱顶部{
高度：75vh；
保证金：50px 50px 50px 50px；
背景色：#000000；
颜色：#FFFFFF；
字体大小：50px；
}
/*添加了word wrap以确保报价保留在容器中*/
.引用{
字体系列：Serif，Helvetica；
单词包装：打断单词；
}
/*
.垂直对齐{
显示器：flex；
对齐项目：居中；
}
*/
jQuery引用在依赖它的插件之前，始终需要包含
这是您在问题中提供的解决方案，作为SO代码片段添加，这样您就可以自己看到，当引用以正确的顺序添加时，应该可以工作
$（文档）.ready（函数（）{
$（“.container fluid”）.append（“jquery设置正确”）；
});
。容器流体{
字体系列：Serif，Helvetica；
背景色：#8A2BE2；
颜色：#FFFFFF；
}
#集装箱顶部{
高度：75vh；
保证金：50px 50px 50px 50px；
背景色：#000000；
颜色：#FFFFFF；
字体大小：50px；
}
/*添加了word wrap以确保报价保留在容器中*/
.引用{
字体系列：Serif，Helvetica；
单词包装：打断单词；
}
/*
.垂直对齐{
显示器：flex；
对齐项目：居中；
}
*/
获取未定义的$，请修复或添加/global$/错误（偶数）
虽然我的代码在$（document.ready（function（）{}）；）中
它意味着其他东西删除了对jQuery的引用。要避免在文档
就绪处理程序中使用它，可以传递显式别名：
$(document).ready(function ($) {
// now '$' refers to jQuery inside ready handler even if '$' has been overwritten by other code
});
获取未定义的$，请修复或添加/global$/错误（偶数）
虽然我的代码在$（document.ready（function（）{}）；）中
它意味着其他东西删除了对jQuery的引用。要避免在文档
就绪处理程序中使用它，可以传递显式别名：
$(document).ready(function ($) {
// now '$' refers to jQuery inside ready handler even if '$' has been overwritten by other code
});
总是在Bootstrap之前使用jQuery-如果不这样做，您将在控制台中看到错误。可能是noconflict模式由default运行我知道您说过您已经将它们反转了，但是您肯定需要将jQuery.min.js放在Bootstrap.min.js之前，因为Bootstrap需要jqueryOk，再次反转，并且没有任何更改@Deckerz什么是无冲突模式？有人知道为什么底部的链接不起作用吗？总是在引导之前使用jQuery-如果不这样做，你会在控制台中看到错误。可能是默认情况下运行的是noconflict模式我知道你说过你已经将它们反转了，但你肯定需要将jQuery.min.js放在Bootstrap.min.js之前，因为引导需要jqueryOk，再次反转，什么都没有改变@Deckerz什么是无冲突模式？有人知道为什么底部的链接不起作用吗？所以，错误仍然显示在我的IDE的空白处，但是，是的，您的消息显示在容器中。因此，虽然我需要更正链接的顺序，但这更像是cloud9的事情。您的示例帮助解析了这一点。很高兴它让您走得更远。因此，错误仍然显示在我的IDE的空白处，但是，是的，您的消息显示在容器中。因此，虽然我需要更正链接的顺序，但这更像是cloud9的事情。您的示例帮助解析了这一点。很高兴它让您更进一步您的$（文档）
需要更改为jQuery（文档）
，因为$
不存在…@Deckerz OP说它在处理时就存在，否则它不会说：，即使我的代码在$（文档）中。ready（函数（）{}）
因为错误可能不同，所以表示未定义$code>，请修复或添加/*global$*/
，这意味着$doesntexist@Deckerz但是从ready处理程序中的代码，而不是从$（文档）
中，这很有趣。它处理了$（文档）中出现的错误。准备就绪。功能。我还没有在其他地方看到这个解释。你的$（docume