$ 不是函数（在 JQuery 中发生错误）答案

【问题标题】：$ is not Function (Error Occurring in JQuery )$ 不是函数（在 JQuery 中发生错误）
【发布时间】：2020-09-12 12:39:02
【问题描述】：

我正在 html/css/bootstrap 中做一个带有前端的 laravel 项目。

我使用的是 Jquery 1.12.4 版本

（函数（$）{ “使用严格”；函数句柄预加载器（）{ if($('.preloader').length){ $('.preloader').delay(200).fadeOut(500); } } 函数头样式（）{ if($('.main-header').length){ var windowpos = $(window).scrollTop(); var siteHeader = $('.main-header'); var scrollLink = $('.scroll-to-top'); 如果（窗口位置> = 200）{ siteHeader.addClass('fixed-header'); scrollLink.fadeIn(300); } 别的 { siteHeader.removeClass('fixed-header'); scrollLink.fadeOut(300); } } } 标头样式（）； $(window).on('scroll', function() { 标头样式（）； }); $(window).on('load', function() { 处理预加载器（）； }); })(window.jQuery);

【问题讨论】：

你想在加载 jQuery.js 之前运行它吗？检查 $ 在您的 IIFE 中的内容
没有第一个 JQuery 然后是脚本文件
那么你在检查$时看到了什么？
我还添加了延迟加载函数 handlePreloader() { if($('.preloader').length){ $('.preloader').delay(200).fadeOut(500); } }
请查看最新编辑

标签： javascript jquery css reactjs bootstrap-4

【解决方案1】：

使用 $ 符号您必须使 jQuery 可用于您的脚本。

在CDN下面使用它将导入页面中所有jquery相关的东西

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

【讨论】：

JQuery 在正确的项目文件夹中可用，并且 Jquery 的其他一些功能运行顺利。
你正在使用什么版本的 jquery 可以告诉我们
我使用的是 Jquery 1.12.4 版本
太旧了，把你的jquery换成新的
我尝试添加您在上面提供的 JQuery CDN，但没有任何工作我得到同样的错误..