📌  相关文章
📜  机构：375 未捕获的 ReferenceError：$ 未定义 - Abap (1)

📅  最后修改于: 2023-12-03 15:40:20.058000             🧑  作者: Mango

机构：375 未捕获的 ReferenceError：$ 未定义 - Abap

这是一个常见的 JavaScript 错误。它指示代码中试图使用未定义的变量 $。在大多数情况下，$ 是 jQuery 库的别名，这意味着 jQuery 库未正确引入页面。

常见原因
  • jQuery 库未被正确引入页面。
  • jQuery 库在引入页面之后的代码中未被正确调用。
  • 防止 $ 符号与其他库的冲突，可以通过使用 IIFE 或使用 jQuery.noConflict() 来解决。
解决方法

确保你已经正确安装并引用了 jQuery 库。通常在页面中将以下 CDN 链接复制到你的 head 标签中即可完成引用：

<head>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

如果你已经正确引用了 jQuery 库但仍然遇到 $ 未定义 错误，你可以通过以下方式解决：

方案一

在代码中添加以下内容：

jQuery(function ($) {
  // your code here
});

或者使用一个立即调用函数表达式：

(function ($) {
  // your code here
})(jQuery);

这些方法中，$ 实际上是作为函数的参数传入的，确保你在调用 $ 时引用的是正确的变量名称。

方案二

如果你想在代码中继续使用 $ 符号，而又不会与其他库冲突，你可以使用以下代码：

var $ = jQuery.noConflict();

这会将 $ 符号重新分配到 jQuery 对象上，确保在这之后你的代码可以使用 $ 符号而不会与其他库冲突。

总结

$ 未定义 错误通常是由 jQuery 库未正确引用或其他库冲突引起的。通过正确引入 jQuery 库并使用上述方法之一，你可以轻松解决该错误。