JavaScript Hatası

Merhaba, şöyle bir kod bloğum bulunuyor, kod çalışmasına rağmen Chrome üzerinde konsolda hata gözüküyor. Bunu nasıl çözebilirim?

$(function () {
    var navbar = $("#main-nav");
    $(window).scroll(function () {
        var scroll = $(window).scrollTop();

        if (scroll >= 10) {
            navbar.removeClass('nav-top');
        } else {
            navbar.addClass('nav-top');
        }
    });
});

Hata: Uncaught TypeError: $ is not a function

jqueryi gormuyor hocam

Bu şekilde deneyin.

(function($) {
    var navbar = $("#main-nav");
    $(window).scroll(function () {
        var scroll = $(window).scrollTop();

        if (scroll >= 10) {
            navbar.removeClass('nav-top');
        } else {
            navbar.addClass('nav-top');
        }
    });
})(jQuery);

Bu şekilde deneyin.

(function($) {
    var navbar = $("#main-nav");
    $(window).scroll(function () {
        var scroll = $(window).scrollTop();

        if (scroll >= 10) {
            navbar.removeClass('nav-top');
        } else {
            navbar.addClass('nav-top');
        }
    });
})(jQuery);