尝试合并 2 段代码，现在收到未捕获的引用错误:$ 未定义

Trying to merge 2 pieces of code, now receiving Uncaught ReferenceError: $ is not defined

本文关键字：引用 未定义 错误 段代码 合并 代码      更新时间：2023-09-26

首先，我想确保您知道我知道 stackoverflow 充满了与我的问题相关的主题，但是我已经浏览了它们，实际上它们似乎都与我的问题无关。

在javascript方面，我是一个完全的菜鸟，但是我擅长谷歌搜索和分析/调整免费使用的代码，以便它对我有用（直到现在......

最初的项目是一个计算表格，我必须按照我想要的方式工作。现在我想在页面顶部的下拉框下显示一个值，因为每个选择都需要附带注释。

我从字面上复制粘贴了一段通过StackOverflow找到的代码，该代码在JSFiddle中运行良好：http://jsfiddle.net/irama/ZFzrA/2/

hideAllDivs = function () {
$("#hourly").hide();
$("#per_diem").hide();
$("#fixed").hide();
};
handleNewSelection = function () {
hideAllDivs();
switch ($(this).val()) {
    case '1':
        $("#hourly").show();
    break;
    case '2':
        $("#per_diem").show();
    break;
    case '3':
        $("#fixed").show();
    break;
}
};
$(document).ready(function() {
$("#project_billing_code_id").change(handleNewSelection);
// Run the event handler once now to ensure everything is as it should be
handleNewSelection.apply($("#project_billing_code_id"));
});

但是，当我将其添加到现有代码并上传更改时，我在浏览器中收到引用错误，并且默认情况下显示下拉框下的div。

我的完整代码：https://jsfiddle.net/ohwwzo7q/

所以基本上我的问题是哪里出了问题？

附言我的计算器可能无法正常工作可能是由于错误，但是当我删除额外的代码时，它确实可以再次工作。

你需要包含jquery作为依赖项才能使用$

您可以从jquery网站下载版本，也可以使用CDN。无论哪种方式，它都可以像这样包含：

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
相关文章：