$ is not Function (Error Occurring in JQuery )

Question

I'm doing a laravel project with front-end in html/css/bootstrap.

I'm using Jquery 1.12.4 version

        (function($) {
            "use strict";
    
    function handlePreloader() {
            if($('.preloader').length){
                $('.preloader').delay(200).fadeOut(500);
            }
        }
            
        function headerStyle() {
                if($('.main-header').length){
                    var windowpos = $(window).scrollTop();
                    var siteHeader = $('.main-header');
                    var scrollLink = $('.scroll-to-top');
                    if (windowpos >= 200) {
                        siteHeader.addClass('fixed-header');
                        scrollLink.fadeIn(300);
                    } else {
                        siteHeader.removeClass('fixed-header');
                        scrollLink.fadeOut(300);
                    } 
        }
            }
            
            headerStyle();
        
        $(window).on('scroll', function() {
                headerStyle();
            });
            $(window).on('load', function() {
                handlePreloader();
            }); 
        
        })(window.jQuery);

Are you trying to run this before loading jQuery.js? Inspect what $ is inside your IIFE — charlietfl
– charlietfl, Commented Sep 12, 2020 at 12:52
I have also added lazy loading function handlePreloader() { if($('.preloader').length){ $('.preloader').delay(200).fadeOut(500); } } — Ahsan Ashraf
– Ahsan Ashraf, Commented Sep 12, 2020 at 13:29

CodeBug · Accepted Answer · 2020-09-12 12:43:31Z

1

to use $ symbol You must have made jQuery available to your script.

use below CDN it will import all jquery related things in the page

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

`

answered Sep 12, 2020 at 12:43

CodeBug

1,6771 gold badge10 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Ahsan Ashraf Over a year ago

JQuery is available in project folder at the right place and some of the other functions of Jquery are smoothly running.

CodeBug Over a year ago

what version of jquery you're using can you show us

Ahsan Ashraf Over a year ago

I'm using Jquery 1.12.4 version

CodeBug Over a year ago

that is a too old one, change your jquery to a new one

Ahsan Ashraf Over a year ago

I try to add JQuery CDN that you provide above but nothing work I'm getting the same error ..

Collectives™ on Stack Overflow

$ is not Function (Error Occurring in JQuery )

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related