Javascript jQuery"；$不是一个函数；错误

我发誓我已经在页面标题中包含了jquery，它就在那里

尽管如此，我在页面底部（现在是内联代码）包含的以下代码给了我一个错误：“TypeError:$不是函数。”

函数显示结果（longA、latA、longB、latB、单位）{
$（“#距离”）.html（calcDist（longA、latA、longB、latB、units））；
如果（单位=“m”）{
$（“#单位标签”）.html（“英里”）；
$（“单位”）.prop（“selectedIndex”，0）；
}否则{
$（“#单位标签”）.html（“公里”）；
$（“#单位”）.prop（“selectedIndex”，1）；
}
$（“longA”）.val（longA）；
$（“拉塔”）.val（拉塔）；
$（“#longB”）.val（longB）；
$（“#latB”）.val（latB）；
}
$（“#calculateButton”）。单击（函数（）{//这是它抱怨的行
var longA=$（“#longA”）.val（）；
var latA=$（“#latA”）.val（）；
var longB=$（“#longB”）.val（）；
var latB=$（“#latB”）.val（）；
var单位=$（“#单位”）.val（）；
显示结果（longA、latA、longB、latB、单位）；
})（jQuery）；

在页眉上方，我有以下内容：

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

---

我没有使用Wordpress或其他任何东西，这是一个非常简单的手工编码HTML页面。

尝试将代码封装在一个闭包中（无论如何，这被认为是一种良好的做法）：

如果这个代码段仍然出现相同的错误，那么加载jQuery库的方式肯定会有问题

另外，确保不要覆盖其他代码中的

$

变量。例如，在

calcDistSinglePage.js

内部

---

美元符号是一个非常直接的javascript变量，可以重新分配给您想要的任何对象。根据错误，

$

当前是某种东西，但不是一个函数（否则您将收到一个ReferenceError，指出

$

未定义）。因此，您可能在代码的某个地方覆盖了它。

您可能是从一个根文件夹链接它，而不是从HTML文件夹。使用绝对路径：

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

---

或者确保

jquery.js

与HTML位于同一文件夹中。

确保jquery库是您加载的第一个脚本

在结束标记之前添加此项

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
            <script>window.jQuery || document.write('<script src="js/vendor/jquery-{{JQUERY_VERSION}}.min.js"><\/script>')</script>

window.jQuery | | document.write（“”）

• 本地下载该文件，并在js/vendor/add中添加该文件
• 在上面添加JQUERY版本的脚本中替换值{{JQUERY\u VERSION}}

这里有一个您可以使用的CDN

---

您确定“jquery.js”是jquery文件的正确路径吗？我会尝试打开开发者工具并查看导航选项卡，看看jquery文件是否真的被点击了

。单击

不会返回函数，而是返回jQuery对象。无法调用jQuery对象。请确保路径正确。如果它位于与链接到的页面不同的文件夹中，则此路径将不正确。}（jQuery）。。您从哪里得到这个onclick？尝试检查元素，并在新选项卡中打开jquery链接，查看它是否指向正确的路径。

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

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
            <script>window.jQuery || document.write('<script src="js/vendor/jquery-{{JQUERY_VERSION}}.min.js"><\/script>')</script>